آموزش و يادگيري تگ tt در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <tt> آشنا مي‌شويم. اين تگ براي نمايش متن با **فونت ثابت عرض (teletype / monospace)** استفاده مي‌شود. البته توجه داشته باشيد که اين تگ در HTML5 منسوخ شده و بهتر است به جاي آن از CSS يا تگ <code> استفاده کنيد.

تگ tt در HTML چيست؟

تگ <tt> به متن داخل خود فونت ثابت اختصاص مي‌دهد، مشابه فونت‌هاي ماشين تحرير يا کدنويسي. اين تگ بيشتر براي نمايش کد يا داده‌هاي متني که نياز به فاصله‌هاي منظم دارند، کاربرد داشته است.

مثال ساده از تگ tt

<p>متن معمولي: سلام دنيا</p>
<p>متن با tt: <tt>سلام دنيا</tt></p>

نتيجه: متن داخل <tt> با فونت ثابت نمايش داده مي‌شود و فاصله‌هاي بين کاراکترها حفظ مي‌شود.

جايگزين مناسب در HTML5

• تگ <code>: براي نمايش کدهاي کوتاه يا دستورات برنامه‌نويسي.
• CSS با font-family: monospace;: براي اعمال فونت ثابت به هر متن دلخواه.

مثال با CSS جايگزين tt

<p style="font-family: monospace;">متن با فونت ثابت</p>

نکات مهم درباره tt

• تگ <tt> در HTML5 منسوخ شده است.
• براي نمايش متن با فونت ثابت از تگ <code> يا CSS استفاده کنيد.
• مناسب براي نمايش داده‌هايي است که نياز به فاصله‌هاي دقيق دارند، مانند کد برنامه يا داده‌هاي جدولي.

براي يادگيري کامل نمايش متن و کدها در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.