<td>

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>

До попереднього тегу До наступного тегу