تگ‌های متنی در HTML
در HTML، تگ‌های متنی برای نمایش و قالب‌بندی متن در صفحات وب استفاده می‌شوند. این تگ‌ها شامل سرفصل‌ها، پاراگراف‌ها، متن‌های برجسته و ... هستند.
۱. تگ‌های سرفصل (Heading Tags)
تگ‌های h1 تا h6 برای نمایش عناوین در اندازه‌های مختلف استفاده می‌شوند.
<h1>عنوان اصلی</h1>
<h2>عنوان سطح ۲</h2>
<h3>عنوان سطح ۳</h3>
<h4>عنوان سطح ۴</h4>
<h5>عنوان سطح ۵</h5>
<h6>عنوان سطح ۶</h6>
<h2>عنوان سطح ۲</h2>
<h3>عنوان سطح ۳</h3>
<h4>عنوان سطح ۴</h4>
<h5>عنوان سطح ۵</h5>
<h6>عنوان سطح ۶</h6>
- h1 بزرگ‌ترین و مهم‌ترین عنوان است.
- h6 کوچک‌ترین عنوان است.
۲. تگ پاراگراف (Paragraph)
تگ p برای ایجاد یک پاراگراف استفاده می‌شود.
<p>این یک پاراگراف نمونه است.</p>
۳. تگ‌های قالب‌بندی متن
این تگ‌ها برای تغییر ظاهر متن به کار می‌روند.
<b>متن بولد (پررنگ)</b>
<strong>متن مهم و پررنگ</strong>
<i>متن ایتالیک (کج)</i>
<em>متن تأکیدی (کج و مهم)</em>
<u>متن زیرخط‌دار</u>
<mark>متن هایلایت‌شده</mark>
<small>متن کوچک‌تر</small>
<del>متن خط‌خورده</del>
<ins>متن اضافه‌شده</ins>
<sub>متن پایین‌نویس</sub>
<sup>متن بالا‌نویس</sup>
<strong>متن مهم و پررنگ</strong>
<i>متن ایتالیک (کج)</i>
<em>متن تأکیدی (کج و مهم)</em>
<u>متن زیرخط‌دار</u>
<mark>متن هایلایت‌شده</mark>
<small>متن کوچک‌تر</small>
<del>متن خط‌خورده</del>
<ins>متن اضافه‌شده</ins>
<sub>متن پایین‌نویس</sub>
<sup>متن بالا‌نویس</sup>
۴. تگ نقل‌قول و محتوای نقل‌شده
برای نمایش نقل‌قول‌ها استفاده می‌شود.
<blockquote>این یک نقل‌قول طولانی است.</blockquote>
<q>این یک نقل‌قول کوتاه است.</q>
<q>این یک نقل‌قول کوتاه است.</q>
۵. تگ نمایش کد برنامه‌نویسی
برای نمایش کدهای برنامه‌نویسی از code و pre استفاده می‌شود.
<pre>
function hello() {
console.log("سلام دنیا!");
}
</pre>
<code>console.log("سلام");</code>
function hello() {
console.log("سلام دنیا!");
}
</pre>
<code>console.log("سلام");</code>
۶. تگ شکست خط و فاصله
<p>این یک متن است.<br>این متن در خط جدید نمایش داده می‌شود.</p>
<p>این یک متن است با فاصله اضافی.</p>
<p>این یک متن است با فاصله اضافی.</p>
- br برای ایجاد شکست خط استفاده می‌شود.
- برای ایجاد فاصله اضافی در متن به کار می‌رود.
