بسم الله الرحمن الرحیم

                                                                                           با سلام

در این جلسه تگ های خط کشی یا همان line |نوشتن توصیحات برای کد | تگ نوع نمایش متن | تگ style

سلام

تگ line یک خط افقی در زیر متن می کشه

برای مثال :

<h1>text</h1>
<hr/>
<h2>text2</h2>
جواب:
text
--------------------------------------
text2


=======================================================================

نوشتن توضیحات برای کد


وقتی سایتی این قدر کد های html زیاد میشه که نمی تونه بفهمه کدوم برای کدومه

و راحت تر بگم می خواد توضیحاتی برای اون بنویسه میتونید از این روش استفاده کنید

<!-- kode tozih matlab -->

این کد ها توسط مرورگر قابل خواندن نیستند


=======================================================================

تگ نوع نمایش متن 

برای مثال:

<p><b>hello<b><p>

اگر متن در میان تگ <b> باشد متن حالت blod می گیرد

مثال ها و حالت های بسیاری وجود دارد می توانید  در زیر ببینید 

<p> <b> This text is bold <b></p>

This text is bold


<p> <strong>This text is strong </strong></p>

This text is strong


<p><big>This text is big</big></p>

This text is big


<p><em>This text is emphasized</em></p> 
This text is emphasized
<p><i>This text is italic</i> </p>


This text is italic


<p><small>This text is small</small></p>

This text is small


<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

This is subscript and superscript



=======================================================================

تگ style برای زیبا سازی کد ها مون


ما برای اینکه بتوانیم کدها و صفحات html خود را زیبا تر سازیم می تونایم از تگ های style

استفاده کنیم : یکی از کاربران از من خواست که در مورد css هم بنویسم دوست من خواهم نوشت

ولی قبلش داریم html  رو داریم می نویسیم

برای مثال این تگ ها قابل استفاده است :

<p style="background-color:yellow" ></p>

رنگ تصویر زمینه  را انتخاب می کند 

برای مثال:

<html>
<body style="background-color:yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
<h1 style="font-size:10px"></h1>

اندازه فمونت را مشخص می کند 


<p style="font-size:10px"></p>

میزان بزرگی یا کوچکی که می خواهید برای متن باشد یک عدد پشت کلمه px می گذارید 


<p style="font-family:Times"></p>

حالت فونت را مشخص می کند 

<h1 style="font-family:verdana">A heading</h1>


<p style="text-align:center"></p>

محل قرار گیری متن را مشخص می کند :

<h1 style="text-align:center"> This is heading 1 </h1>

اگر این متن را اجرا کرده باشید به وضوح می بینید که متن در وسط صفحه قرار دارد



                                                                                                 پایان