آموزش قالب بندی یا Formatting متن در HTML

<b>این یک متن ضخیم است</b><br><br>
<i>این یک متن کج یا ایتالیک است</i><br><br>
اینجا<sup> چسبون است</sup><br>

مشاهده آنلاین

عنصر Formatting در HTML

در فصل قبل درباره خاصیت یا attribute استایل (style) در html توضیح دادیم.

باید بدانید HTML عناصر خاصی را برای تعریف متن با معنی خاص تعریف می کند.

HTML از عناصری مانند <b> و <i> برای قالب بندی خروجی متن bold یا italic استفاده می کند.

یعنی با تگ <b> که برگرفته از اول کلمه ی blod است متن شما را ضخیم تر می کند.

عناصر قالب بندی یا 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>.</p>

مشاهده آنلاین

متن Italic یا کج در 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>Chasboon.ir is a <del>small</del> big site.</p>

مشاهده آنلاین

قالب بندی Inserted در HTML

اگر می خواهید به کاربران سایتتان بفهمانید متنی درج شده یا اضافه شده از عنصر <ins> استقاده کنید.

<p>Chasboon.ir is a <ins>big</ins> site.</p>

مشاهده آنلاین

 قالب بندی زیر نویس یا subscript در HTML

برای ایجاد یک زیر نویس در پاراگراف از تگ <sub> استفاده کنید:

<p>Chasboon.ir is a <sub>big</sub> site.</p>

مشاهده آنلاین

 قالب بندی بالانویس یا superscript در HTML

برای بالانویس کردن یک متن از تگ <sup> استفاده کنید:

<p>Chasboon.ir is a <sup>big</sup> site.</p>

مشاهده آنلاین