Formatting در HTML

آموزش گام به گام html از مبتدی تا پیشرفته
قالب بندی یا Formatting در HTML
عنصر Formatting در HTML
هر یک از تگ های اشاره شده در لیست پایین مفهوم و کاربرد مخصوص به خود را دارند که در ایجاد سند HTML باید در جای خود استفاده شوند.
عناصر قالب بندی یا Formatting برای نمایش انواع خاصی از متن طراحی شده اند که عبارتند از:
- Bold text
- Important text
- Italic text
- Emphasized text
- Marked text
- Small text
- Deleted text
- Inserted text
- Subscripts
- Superscripts
قالب بندی متن Bold و Strong در HTML
توسط تگ <b> شما می توانید متن ضخیم ایجاد کنید بدون هیچ اهمیتی.
<p>این یک متن معمولی است</p> <p><b>این یک متن کلفت است</b></p>
توسط تگ <strong> می توان یک متن قدرتمند یا قوی ایجاد کرد اما با اهمیت.
<p>این یک متن معمولی است</p> <p><strong>این یک متن قوی (strong) است</strong></p>
متن Italic یا کج و تگ em در HTML
متونی که تاکید بیشتری دارند را کج یا Italic کنید. با تگ <i> که مخفف italic است متن مورد نظر را کج می کنیم.
برای مثال:
<p>این یک متن معمولی است</p> <p><i>این یک متن کج است</i></p>
با تگ <em> یک متن برجسته با اهمیت معنایی یا متن مهم ایجاد می کنند.
برای مثال:
<p>این یک متن معمولی است</p> <p><em>این یک متن مهم است</em></p>
قالب بندی Small در HTML
توسط تگ small می توانید یک متن ریز ایجاد می شود:
<h2>HTML <small>Small</small> Formatting</h2>
قالب بندی Mark شده در HTML
برای علامت دار یا مارک دار کردن تکه ای از متن از تگ <mark> استفاده می شود:
<h2>HTML <mark>LEARN</mark> Formatting</h2>
قالب بندی Delete در HTML
برای ایجاد متن های پاک شده می توان از تگ <del> استفاده نمود:
<p>shahcode.com is a <del>small</del> big site.</p>
قالب بندی Inserted در HTML
این تگ برای مورد توجه قرار دادن متنی است که درج شده می توان عنصر <ins> استقاده کنید.
<p>shahcode.com is a <ins>big</ins> site.</p>
قالب بندی زیر نویس یا subscript در HTML
برای ایجاد یک زیر نویس در پاراگراف از تگ <sub> استفاده کنید:
<p>shahcode.com is a <sub>specific</sub> site.</p>
قالب بندی بالانویس یا superscript در HTML
برای بالانویس کردن یک متن از تگ <sup> استفاده کنید:
<p>shahcode.com is a <sup>specific</sup> site.</p>
کدهای فوق را در Notepad کپی و پیست کنید و نتیجه ی خروجی راببینید.
دیدگاهتان را بنویسید