تگ td در HTML

  /  فرانت اند   /  HTML   /  تگ td در HTML

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

مثال

در مثال زیر یک جدول ایجاد کردیم با 2 سطر و 4 سلول:

<table>
<tr>
<td>سلول یک</td>
<td>سلول دو</td>
</tr>
<tr>
<td>سلول سه</td>
<td>سلول چهار</td>
</tr>
</table>


تعریف و کاربرد

تگ td در HTML یک سلول داده استاندارد را در یک جدول تعریف می کند.

در جداول HTML ما دو نوع سلول داریم:

  • سلول های هدر: شامل اطلاعات سرآیند هستند ( با تگ <th> ایجاد می شوند )
  • سلول های اطلاعات: شامل داده ها هستند ( با تگ <td> ایجاد می شوند )

متن های درون عنصر <td> بطور پیش فرض سمت چپ قرار میگیرند.

متن های درون عنصر <th> بطور پیش فرض پررنگ و در مرکز سلول قرار میگیرند.


پشتیبانی مرورگر ها

عنصر
<td>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیحات
colspannumberبرای ادغام کردن ستون های یک جدول استفاده می شود
headersheader_idیک یا چند سلول هدر را مشخص می کند که یک سلول به آن مرتبط است ( یعنی فلان سلول <td> متعلق به فلان <th> است )
rowspannumberبرای ادغام کردن سطر های یک جدول استفاده می شود

خواص عمومی

تگ td از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ td از رویداد های عمومی در HTML پشتیبانی میکند.

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

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

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

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر