سرفصل‌های آموزشی
آموزش پروژه محور HTML و HTML5
تگ های فرمت دهی در HTML

تگ های فرمت دهی در HTML

در HTML، تگ هایی وجود دارند که فرمت متن را مشخص می کنند. مثال هایی از این تگ ها عبارتند از: 

  • <b>: این تگ، متن را به صورت bold (پررنگ) نمایش می دهد.
  • <strong>: این تگ برای یک متن بسیار مهم استفاده می شود و محتوای داخل آن، به صورت bold نمایش داده می شود.
  • <i>: این تگ متن را به صورت italic (مورب) نمایش می دهد و اغلب از آن برای نشان دادن یک اصطلاح فنی، یک عبارت از زبان دیگر و ... استفاده می شود. 
  • <em>: برای تاکید بر یک متن استفاده می شود و محتوای داخل آن، به صورت italic نمایش داده می شود.
  • <small>: این تگ متن را کوچکتر نمایش می دهد (می توان با CSS هم این اثر را ایجاد کرد).
  • <big>: این تگ در HTML4 برای بزرگ تر نشان دادن متن استفاده می شود (در HTML5 از این تگ پشتیبانی نمی شود).
  • <sub>: این تگ برای ایجاد زیرنویس استفاده می شود که به اندازه ی نیم کاراکتر زیر خط اصلی ظاهر شده و معمولا با فونت کوچکتر نشان داده می شود.
  • <sup>: این تگ برای ایجاد فوق‌نویس استفاده می شود که به اندازه ی نیم کاراکتر بالاتر از خط اصلی ظاهر می‌شود و معمولا با فونت کوچک‌تری ارائه می‌شود.
  • <ins>: این تگ یک خط زیر متن می کشد و نشان دهنده ی این است که محتوای داخل آن به تازگی وارد صفحه وب شده است (این تگ در مقابل تگ <del> قرار دارد).
  • <del>: از این تگ برای حذف یک متن از صفحه مورد نظر استفاده می شود و بر روی محتوای داخل آن، یک خط کشیده می شود.

به قطعه کد زیر و نتیجه ی آن توجه کنید:

<html>
    <head>
        <title>first page</title>
    </head>
    <body>
        <p>This is regular text </p>
        <p><b>bold text </b></p>
        <p><big> big text </big></p>
        <p><i> italic text </i></p>
        <p><small> small text </small></p>
        <p><strong> strong text </strong></p>
        <p><sub> subscripted text </sub></p>
        <p><sup> superscripted text </sup></p>
        <p><ins> inserted text </ins></p>
        <p><del> deleted text </del></p>
    </body>
</html>

⚠️ مرورگرها <strong> را به صورت <b> و <em> را به صورت <i> نشان می دهند، اما معانی این تگ ها متفاوت است: <b> و <i> به ترتیب برای bold کردن و italic کردن استفاده می شوند، در حالی که <strong> و <em> نشان می دهند که عبارت مورد نظر "مهم" است.

online-support-icon