قالب‌بندی متن
محتویات
قالب بندی متن
40px ساخت نمونه مثال این بخش در دست اقدام است.
عنصرهای قالب بندی HTML
در بخش پیشین، در مورد ویژگی استایل HTML آموختید.[۱]
همچنین HTML عناصر خاصی برای تعریف متن با معنای خاص مشخص می‌کند.
HTML از عنصرهایی مانند <b>و <i> برای قالب بندی خروجی، مانند متن برجسته (به انگلیسی: Bold) یا مورب (به انگلیسی: italic) استفاده می‌کند.
عناصر قالب بندی برای نمایش انواع خاصی از متن طراحی شده‌اند:
<b>- متن Bold (به فارسی: برجسته)
<strong>- متن مهم
<i>- متن Italic (به فارسی: مورب)
<em>- متن تأکید شده
<mark>- متن علامت دار
<small>- متن کوچک
<del>- متن حذف شده
<ins>- متن وارد شده (به انگلیسی: Inserted)
<sub>- متن زیرنویس (به انگلیسی: Subscript)
<sup>- متن بالا نویس (به انگلیسی: Superscript)
عنصرهای <b> و <strong> در HTML
عنصر <b> در HTML، متن bold بدون هیچ اهمیت اضافه‌ای را مشخص می‌کند.
مثال
<b>This text is bold</b>
عنصر <strong> در HTML، متن Strong، با اهمیت معنایی «قوی» را مشخص می‌کند.
مثال
<strong>This text is strong</strong>
عناصر <i> و <em> در HMTL
عنصر <i> در HTML، متن italic بدون هیچ اهمیت اضافه‌ای را مشخص می‌کند.
مثال
<i>This text is italic</i>
عنصر <em> در HTML، متن تأکیدشده‌ای با اهمیت معنایی اضافه را مشخص می‌کند.
مثال
<em>This text is emphasized</em>
<strong> را بصورت <b> و <em> را بصورت <i> نمایش می‌دهند. با این حال در معنای این تگ‌ها تفاوت وجود دارد: <b> و <i> متن‌های bold و italic را مشخص می‌کنند اما <strong> و <em> یعنی این متن «مهم» است.عنصر <small> در HTML
عنصر <small> در HTML، متن کوچکتر را مشخص می‌کند:
مثال
<h2>HTML <small>Small</small> Formatting</h2>
عنصر <mark> در HTML
عنصر <mark> در HTML، متن علامت دار / برجسته (به انگلیسی: Highlighted) را مشخص می‌کند:
مثال
<h2>HTML <mark>Marked</mark> Formatting</h2>
عنصر <del> در HTML
عنصر <del> در HTML، متن پاک شده / حذف شده را مشخص می‌کند.
مثال
<p>My favorite color is <del>blue</del> red.</p>
عنصر <ins> در HTML
عنصر <ins> در HTML، متن وارد شده / اضافه شده را مشخص می‌کند.
مثال
<p>My favorite <ins>color</ins> is red.</p>
عنصر <sub> در HTML
عنصر <sub> در HTML متن زیرنویس شده را مشخص می‌کند.
مثال
<p>This is <sub>subscripted</sub> text.</p>
عنصر <sup> در HTML
عنصر <sup> در HTML، متن بالا نویس شده را مشخص می‌کند.
مثال
<p>This is <sup>superscripted</sup> text.</p>
تمرین های HTML
عنصرهای قالب بندی متن در HTML
| تگ | تعریف |
|---|---|
| <b> | متن bold را مشخص می‌کند |
| <em> | متن تأکید شده را مشخص می‌کند |
| <i> | متن Italic را مشخص می‌کند |
| <small> | متن کوچک را مشخص می‌کند |
| <strong> | متن مهم را مشخص می‌کند |
| <sub> | متن زیرنویس را مشخص می‌کند |
| <sup> | متن بالانویس را مشخص می‌کند |
| <ins> | متن وارد شده را مشخص می‌کند |
| <del> | متن حذف شده را مشخص می‌کند |
| <mark> | متن علامت دار / برجسته را مشخص می‌کند |
منابع آموزشی