قالببندی متن
محتویات
قالب بندی متن
ساخت نمونه مثال این بخش در دست اقدام است.
عنصرهای قالب بندی 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> | متن علامت دار / برجسته را مشخص میکند |
منابع آموزشی