در این درس به کار با متنها می پردازیم.
ابتدا با این تگ شروع می کنیم:
1- <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید:
<b>startweb</b>
مثال بالا به صورت زیر دیده می شود:
startweb
بیایید با تگهای دیگری ادامه دهیم:
2- زیرخط (Underline):
<u>startweb</u>
این هم نتیجه:
startweb
3- حروف کج (Italic):
<i>startweb</i>
و نتیجه به این صورت است:
startweb
4- حروف خط خورده:
<strike>startweb</strike>
متن در مرورگر به این صورت دیده می شود:
startweb
5- وسط چین:
<center>startweb</center>
نتیجه کد:
startweb
شما می توانید بیشتر از یک فرمان را برای یک متن اجرا کنید. مثلاً وقتی که می خواهید متنی به صورت پر رنگ و کج نوشته شود. برای این کار هر دو تگ ابتدایی را برای متن در ابتدای آن و تگهای پایانی را در جایی که می خواهیم پایان پر رنگی و کجی متن باشد قرار می دهیم.
با این مثال توجه کنید:
<b><i>startweb</i></b>
نتیجه هم به این صورت دیده می شود:
startweb
آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر، اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید:
<b> <i> startweb </i> </b>
اما این روش خسته کننده است. در اینجا مهم نیست تگها به چه صورت باز و بسته شوند. اما نکته مهمی که باید در نظر داشته باشید این است که متنها تحت تأثیر تگهایی که قبل از آنها باز شدهاند و بسته نشده اند قرار می گیرند. تأثیر یک تگ تمام می شود وقتی که تگ بسته شود.
مثال زیر را در نظر داشته باشید:
<b><i><u>startweb</u></i></b>
این نتیجه را به ما می دهد:
startweb
اما این یکی:
<u><i><b>start</b></i>web</u>
این نتیجه را به ما می دهد:
startweb
همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.
متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از <CENTER> می توان آنها را در وسط صفحه به نمایش در آورد. این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه کنید:
<center><b><i>startweb</i></b></center>
و این هم نتیجه آن:
startweb
شما با تمرین این بخش می توانید آمادگی ورود به درس بعد که در مورد سرفصل، پاراگراف، و خطوط است را به دست آورید.