HTML тег <td>
(англ. table data- дані таблиці) - призначений для створення однієї комірки таблиці (звичайну комірку з даними).
HTML таблиця має два види клітинок:
- Комірка-заголовок - містить заголовок - загальний опис стовпчика, зазвичай цей заголовок складається з одного чи двох слів. Такий заголовок створюється за допомогою елемента
<th>
.
- Стандартна-комірка - містить дані (створюється за допомогою елемента
<td>
).
Текст в <td>
є звичайним і без задання центрований по лівому краю.
Текст в <th>
виділений жирним шрифтом і без задання центрований по центру.
Елемент <td>
повинен розміщуватися всередині контейнера <tr>
, спочатку ми маємо створити рядок, а вже потім розбити цей рядок на клітинки.

Порада: |
Найменування таблиці, якщо воно потрібно розміщується всередині елемента <caption> ... </ caption> (необов'язковий елемент). Якщо Ви плануєте використовувати даний елемент у своїй таблиці, то він повинен слідувати в документі відразу за елементом <table> . |
Порада: |
Атрибути height та width (висота і ширина) для тега td повинні задаватися, або в пікселях, або у відсотках. Вказувати наприклад, ширину в пікселях а висоту у відсотках неприпустимо і є грубою помилкою. Якщо це єдине вирішення вашої задачі, тоді краще скористатися CSS або вкладеними елементами. |
Порада: |
Використовуйте атрибути colspan і rowspan , щоб об'єднати декілька рядків чи стовпців! |
Синтакс
<table>
<tr>
<td>Комірка</td>
</tr>
</table>
Приклади
Найпростіший приклад використання HTML тега <td>