🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <td> используется для создания ячеек таблицы, он всегда вкладывается в элемент <tr>.

<table>
  <tr>
    <td>Имя</td>
    <td>Фамилия</td>
    <td>Возраст</td>
  </tr>
  <tr>
    <td>Иван</td>
    <td>Иванов</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Пётр</td>
    <td>Петров</td>
    <td>30</td>
  </tr>
</table>
Имя Фамилия Возраст
Иван Иванов 25
Пётр Петров 30

Ячейка может содержать текст, изображения, формы, список и другие HTML-элементы.

В одной строке таблицы должно быть одинаковое количество ячеек. Если содержимое в ячейке не помещается, браузер автоматически изменит её размеры, а если в ячейке нет содержимого, она всё равно появится, но с нулевой высотой и шириной.

Атрибуты тега <td>:

  • colspan — количество объединяемых ячеек по горизонтали.
  • rowspan — количество объединяемых ячеек по вертикали.
  • headers — список id элементов, которые связаны с ячейкой.