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