قالب بندی متن HTML
قالببندی متن HTML
HTML شامل چندین عنصر برای تعریف متن با معنی خاص است.
عناصر قالببندی HTML
عناصر قالببندی برای نمایش انواع خاصی از متن طراحی شدهاند:
<b>- متن درشت<strong>- متن مهم<i>- متن مورب<em>- متن تأکید شده<mark>- متن علامتگذاری شده<small>- متن کوچکتر<del>- متن حذف شده<ins>- متن درج شده<sub>- متن زیرنویس<sup>- متن بالانویس
عناصر <b> و <strong>
المان <b> متن درشت را تعریف میکند، بدون هیچ اهمیت اضافی.
مثال
<b>این متن درشت است</b>المان<strong> متن با اهمیت قوی را تعریف میکند. محتوای داخل آن معمولاً به صورت درشت نمایش داده میشود.
مثال
<strong>این متن مهم است!</strong>عناصر <i> و <em>
المان <i> بخشی از متن را در یک صدای یا حالت جایگزین تعریف میکند. محتوای داخل آن معمولاً به صورت مورب نمایش داده میشود.
نکته: تگ <i> اغلب برای نشان دادن یک اصطلاح فنی، یک عبارت از زبان دیگر، یک فکر، نام یک کشتی و غیره استفاده میشود.
مثال
<i>این متن مورب است</i>المان <em> متن تأکید شده را تعریف میکند. محتوای داخل آن معمولاً به صورت مورب نمایش داده میشود.
نکته: یک صفحهخوان کلمات داخل <em> را با تأکید و استفاده از استرس کلامی تلفظ میکند.
مثال
<em>این متن تأکید شده است</em>المان <small>
المان <small> متن کوچکتر را تعریف میکند:
مثال
<small>این مقداری متن کوچکتر است.</small>المان <mark>
المان <mark> متنی را تعریف میکند که باید علامتگذاری یا هایلایت شود:
مثال
<p>فراموش نکنید امروز <mark>شیر</mark> بخرید.</p>المان <del>
المان <del> متنی را تعریف میکند که از یک سند حذف شده است. مرورگرها معمولاً یک خط روی متن حذف شده میکشند:
مثال
<p>رنگ مورد علاقه من <del>آبی</del> قرمز است.</p>المان <ins>
المان <ins> متنی را تعریف میکند که در یک سند درج شده است. مرورگرها معمولاً متن درج شده را زیرخطدار میکنند:
مثال
<p>رنگ مورد علاقه من <del>آبی</del> <ins>قرمز</ins> است.</p>المان <sub>
المان <sub> متن زیرنویس را تعریف میکند. متن زیرنویس نیم کاراکتر زیر خط معمولی ظاهر میشود و گاهی در فونت کوچکتری رندر میشود. متن زیرنویس میتواند برای فرمولهای شیمیایی مانند H2O استفاده شود:
مثال
<p>این متن <sub>زیرنویس</sub> شده است.</p>المان <sup>
المان <sup> متن بالانویس را تعریف میکند. متن بالانویس نیم کاراکتر بالای خط معمولی ظاهر میشود و گاهی در فونت کوچکتری رندر میشود. متن بالانویس میتواند برای پاورقیها استفاده شود:
مثال
<p>این متن <sup>بالانویس</sup> شده است.</p>عناصر قالببندی متن HTML
| تگ | توضیح |
<b> |
متن درشت را تعریف میکند |
<em> |
متن تأکید شده را تعریف میکند |
<i> |
بخشی از متن را در یک صدای یا حالت جایگزین تعریف میکند |
<small> |
متن کوچکتر را تعریف میکند |
<strong> |
متن مهم را تعریف میکند |
<sub> |
متن زیرنویس شده را تعریف میکند |
<sup> |
متن بالانویس شده را تعریف میکند |
<ins> |
متن درج شده را تعریف میکند |
<del> |
متن حذف شده را تعریف میکند |
<mark> |
متن علامتگذاری/هایلایت شده را تعریف میکند |
آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.