تگ th در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ th در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ th چیست؟

تگ th که اشاره به عبارت Table Header Cell دارد برای افزودن سلول داده به هدر جدول به کار می رود.

تگ th درون تگ table که برای ساخت جدول به کار می رود قرار می گیرد.

در جدول دو نوع سلول داده وجود دارد:

• سلول داده هدر (تگ th)
• سلول داده جدول (تگ td)

این تگ با <th> شروع شده و با </th> پایان می یابد.

<th>Text</th>

صفات تگ th

در این بخش با صفات تگ th آشنا خواهید شد.

صفت colspan

برای ادغام کردن ستون های هدر جدول به کار می رود.

<th colspan="number">Text</th>

صفت headers

سلول داده جدول را با سلول داده هدر مرتبط می کند.

<th headers="id">Text</th>

صفت rowspan

برای ادغام کردن ردیف های هدر جدول به کار می رود.

<th rowspan="number">Text</th>

مثال تگ th

کد:

<table>
  <tr>
    <th>Text</th>
  </tr>
</table>

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ th در اکثر مرورگرها به صورت زیر است:

th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: center;
}

سازگاری با مرورگرها

تگ th با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS