قالب بندی متن در HTML
آموزش قالب بندی متن ها یا text formating در HTML
HTML شامل چندین عنصر برای تعریف متن با معنای خاص است.
مثال:
This text is bold
This text is italic
This is subscript and superscript
عناصر قالب بندی HTML
عناصر <B> و <STRONG> در HTML
در HTML ما میتوانیم با استفاده از تگ <b> یک متن بولد شده را ایجاد نماییم.
عنصر <b> فقط متن را به صورت پررنگ یا برجسته (BOLD) ،بدون مشخص نمودن اهمیت خاصی نمایش می دهد.
مثال:
|
1 |
<b>این متن پررنگ است</b> |
نتیجه:
عنصر<strong>در HTML متن را با اهمیت زیادی تعریف می کند. محتوای داخل آن معمولاً به صورت درشت و همچنین پررنگ نمایش داده می شود.
مثال:
|
1 |
<strong>!این متن مهم است</strong> |
نتیجه:
عناصر <i> و <em> در HTML
عنصر<i>در HTML سبب میشود محتوای داخل آن معمولاً به صورت مورب italic نمایش داده شود و بدون اینکه اهمیت خاصی به آن اضافه شود.
نکته: برچسب <i> اغلب برای نشان دادن یک اصطلاح فنی ، عبارتی از زبان دیگر و… استفاده می شود.
مثال:
|
1 |
<i>این متن مورب است</i> |
نتیجه:
عنصر<em>در HTML متن تأکید شده را تعریف می کند. محتوای داخل آن معمولاً به صورت مورب نمایش داده می شود و هم اهمیت معنایی خاصی به آن افزوده می شود.
مثال:
|
1 |
<em>این متن تأکید شده است</em> |
نتیجه:
| برچسب های <b> و <strong>از لحاظ ظاهری در مرورگر شبیه به هم نمایش داده می شوند. این حالت برای برچسب های <i> و <em> نیز همین طور است. با این حال، برچسب های <b> و <i> عملیات پررنگ کردن و مورب کردن حروف را انجام می دهند و این در حالی است که برچسب های <strong> و <em> معنی پر اهمیت و تاکید بر متن را علاوه بر تغییر ظاهری به موتورهای جستجو نیز نشان می دهند. |
عنصر<small> در HTML
عنصر<small>در HTML متن با اندازه کوچک را تعریف می کند:
مثال:
|
1 |
<small>.این متن کوچکتر است</small> |
عنصر <mark> در HTML
عنصر <mark> در HTML متنی را مشخص می کند که باید علامت گذاری یا برجسته (هایلایت) شود:
مثال:
|
1 |
<p>.را فراموش نکنید <mark>شیر</mark>امروز خرید</p> |
عنصر <del> در HTML
عنصر<del>در HTML متنی را که از یک سند حذف شده است تعریف می کند. مرورگرها معمولاً این نوع متن ها را به صورت یک متن خط خورده نمایش می دهند:
مثال:
|
1 |
<p>رنگ مورد علاقه من <del>آبی</del>.قرمز است</p> |
عنصر <ins> در HTML
عنصر<ins>در HTML متنی را تعریف می کند که در یک سند وارد شده است. مرورگرها معمولاً این نوع متن ها را به صورت زیرخط دار (برای تاکید بر متن) نمایش می دهند:
مثال:
|
1 |
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p> |
عنصر <sub> در HTML
عنصر<sub>در HTML متن زیرنویس را تعریف می کند. متن زیرنویس به اندازه نیم کاراکتر پایین تر از خط معمولی ظاهر می شود و گاهی با قلم کوچکتر ارائه می شود. متن زیرنویس را می توان برای فرمول های شیمیایی مانند H2O استفاده کرد:
مثال:
|
1 |
<p>این کار باعث <sub>زیرنویس شدن با اندازه کوچکتر</sub> میشود</p> |
عنصر <sup> در HTML
عنصر<sup>در HTML متن بالانویس را تعریف می کند. متن Superscript به اندازه نیم کاراکتر بالاتر از خط معمولی ظاهر می شود و گاهی اوقات با قلم کوچکتر ارائه می شود. متن بالانویس را می توان برای پاورقی ها مانند WWW [۱] استفاده نمود:
مثال:
|
1 |
<p>این کار باعث <sup>بالانویس شدن با اندازه کوچکتر</sup> میشود</p> |
خلاصه مطالب HTML:
| تگ | شرح |
| <b> | تعریف متن پررنگ یا برجسته |
| <em> | تعریف متن اکید و مورد تاکید |
| <i> | تعریف متن مورب یا ایتالیک |
| <small> | تعریف متن کوچکتر از سایزمتن پیش فرض |
| <strong> | تعریف متن مهم از نظر معنایی |
| <sub> | تعریف متن زیرنویس |
| <sup> | تعریف متن بالا نویس یا توان |
| <ins> | تعریف متن درج شده یا زیر خط دار |
| <del> | تعریف متن حذف شده یا خط خورده |
| <mark> | تعریف متن نشان دار یا هایلایت شده |