فهرست سرفصل‌های HTML
خانه (Home) مقدمه (Introduction) ویرایشگرها (Editors) مثال های پایه (Basic Examples) عنصر (Elements) ویژگی ها (Attributes) سرفصل ها (Headings) پاراگراف ها (Paragraphs) استایل ها (Styles) قالب بندی متن (Text Formatting) عناصر نقل قول و استناد (Quotation and Citation Elements) کامنت ها (Comments) رنگ ها (Colors) رنگ های RGB و RGBA رنگ های هگز (HEX Colors) رنگ های HSL و HSLA سی اس اس (CSS) پیوندها (Links) پیوندها - رنگ های مختلف (Links - Different Colors) پیوندها - ایجاد نشانک ها (Links - Create Bookmarks) تصاویر (Images) نقشه های تصویر (Image Maps) تصاویر پس زمینه (Background Images) عنصر picture فاویکون (Favicon) عنوان صفحه (Page Title) جداول (Tables) جداول - حاشیه ها (Table Borders) جداول - اندازه ها (Table Sizes) جداول - سرفصل ها (Table Headers) جداول - فاصله گذاری و حاشیه گذاری (Table Padding & Spacing) جداول Colspan و Rowspan جداول - استایل دهی (Table Styling) جداول - گروه جدول (Table Colgroup) لیست ها (Lists) لیست ها - نامرتب (Unordered Lists) لیست ها - مرتب (Ordered Lists) لیست ها - اشکال دیگر (Other Lists) عناصر بلوکی و درون خطی (Block and Inline Elements) عنصر div کلاس ها (Classes) ویژگی id عنصر Iframes جاوااسکریپت (JavaScript) مسیرهای فایل (File Paths) عنصر head طراحی وب واکنش گرا (Responsive Web Design) عناصر کد کامپیوتر (Computer Code Elements) عناصر معنایی (Semantic Elements) راهنمای استایل (Style Guide) موجودیت (Entities) نمادها (Symbols) ایموجی ها (Emojis) رمزگذاری (مجموعه کاراکترها) نشانی اینترنتی (Uniform Resource Locator) HTML در مقابل XHTML
HTML

HTML — قالب بندی متن (Text Formatting)

آخرین بروزرسانی: 1404/07/05

قالب بندی متن در HTML (HTML Text Formatting)

HTML عناصر مختلفی برای نمایش متن با معنی خاص دارد. این عناصر برای بولد کردن، ایتالیک کردن، تأکید، تغییر اندازه و حتی نمایش متن حذف یا اضافه شده به کار می روند.

عناصر قالب بندی در HTML

عناصر قالب بندی برای نمایش متن های خاص طراحی شده اند. برخی از مهم ترین تگ ها:

  • <b> - متن بولد
  • <strong> - متن مهم
  • <i> - متن ایتالیک
  • <em> - متن تأکید شده
  • <mark> - متن هایلایت شده
  • <small> - متن کوچک تر
  • <del> - متن حذف شده
  • <ins> - متن اضافه شده
  • <sub> - متن پایین نویس
  • <sup> - متن بالانویس

تگ های <b> و <strong>

تگ <b> متن را بولد می کند اما معنی خاصی ندارد. تگ <strong> برای متن های مهم استفاده می شود و معمولاً به صورت بولد نمایش داده می شود.

<b>This text is bold</b>
<strong>This text is important!</strong>

تگ های <i> و <em>

تگ <i> متن را به صورت ایتالیک نمایش می دهد و اغلب برای اصطلاحات فنی یا واژه های خارجی استفاده می شود. تگ <em> متن را تأکید می کند و برای صفحه خوان ها نیز اهمیت دارد.

<i>This text is italic</i>
<em>This text is emphasized</em>

سایر عناصر قالب بندی

برخی عناصر دیگر برای نمایش متن خاص:

  • <small> برای نمایش متن کوچک تر
  • <mark> برای هایلایت متن
  • <del> برای متن خط خورده
  • <ins> برای متن اضافه شده (زیرخط)
  • <sub> برای پایین نویس (مثل H2O)
  • <sup> برای بالانویس (مثل x2)
<mark>Highlighted</mark>
<del>Deleted</del>
<ins>Inserted</ins>
H<sub>2</sub>O
x<sup>2</sup>

خلاصه فصل

  • از <b> برای بولد کردن متن و از <strong> برای متن مهم استفاده کنید.
  • <i> متن را ایتالیک و <em> آن را تأکید می کند.
  • <mark> برای هایلایت و <small> برای متن کوچک تر است.
  • <del> متن حذف شده و <ins> متن اضافه شده را نشان می دهد.
  • <sub> و <sup> برای پایین نویس و بالانویس کاربرد دارند.

برای ادامه یادگیری به بخش استایل ها (Styles) و عناصر نقل قول (Quotation Elements) مراجعه کنید.