تگ td در HTML و مفهوم آن
در زبان نشانه‌گذاری HTML، تگ td یکی از عناصر کلیدی برای ساخت جداول محسوب می‌شود. این تگ مخفف عبارت Table Data بوده و برای تعریف سلول‌های استاندارد در جدول استفاده می‌گردد.
ساختار پایه تگ td
تگ td همیشه باید داخل تگ tr (سطر جدول) قرار گیرد. یک ساختار ساده جدول با این تگ به صورت زیر است:
| تگ |
توضیح |
| table |
چارچوب اصلی جدول |
| tr |
تعریف سطر جدول |
| td |
سلول داده‌ای معمولی |
تگ td برخلاف تگ th (سرستون جدول) برای سلول‌های عادی استفاده می‌شود و به صورت پیش‌فرض متن داخل آن بدون تأکید نمایش داده می‌شود.
ویژگی‌های مهم تگ td
- colspan: ادغام افقی سلول‌ها
- rowspan: ادغام عمودی سلول‌ها
- align: تراز متن (راست، چپ، وسط)
- valign: تراز عمودی متن
- width/height: تعیین ابعاد سلول
برای یادگیری عمیق‌تر درباره جداول HTML می‌توانید تگ td مخفف چیست.
مثال عملی استفاده از td
در نمونه زیر یک جدول ساده با دو سطر و دو ستون ایجاد شده است:
| سلول 1-1 |
سلول 1-2 |
| سلول 2-1 |
سلول 2-2 |
توجه: در HTML5 برخی ویژگی‌های ظاهری تگ td مانند bgcolor منسوخ شده‌اند و باید از CSS برای استایل‌دهی استفاده شود.
