تگ td در HTML

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

تگ td چیست؟

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

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

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

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

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

<td>Text</td>

صفات تگ td

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

صفت colspan

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

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

صفت headers

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

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

صفت rowspan

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

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

مثال تگ td

کد:

<table>
  <tr>
    <td>Text</td>
  </tr>
</table>

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

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

td {
  display: table-cell;
  vertical-align: inherit;
}

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

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

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