Справочник HTML & CSS

<td>, <th>

Ячейки таблицы: `<td>` — с данными, `<th>` — заголовочная.

Синтаксис

<th scope="col">Header</th> <td colspan="2">Cell</td>

Атрибуты

Параметр	Тип	Описание
colspan	number	На сколько столбцов растянуть ячейку.
rowspan	number	На сколько строк растянуть ячейку.
scope	col \| row	Только для `<th>`. Заголовком чего является ячейка: столбца или строки.

Примеры

Заголовки строк и столбцов:

<table>
  <tr><th></th><th scope="col">Small</th><th scope="col">Large</th></tr>
  <tr><th scope="row">Latte</th><td>$3.50</td><td>$4.50</td></tr>
  <tr><th scope="row">Mocha</th><td>$4.00</td><td>$5.00</td></tr>
</table>

Объединение ячеек:

<style>
  td { border: 1px solid silver; padding: 4px 10px; }
  table { border-collapse: collapse; }
</style>
 
<table>
  <tr><td rowspan="2">Monday</td><td>Morning</td></tr>
  <tr><td>Evening</td></tr>
  <tr><td colspan="2">Closed on Sunday</td></tr>
</table>

Примечания

<th> по умолчанию жирный и выровнен по центру. Не делайте заголовок из <td> со стилями: именно <th> связывает ячейки с их заголовками для программ чтения с экрана.

См. также

<table> — Таблица из строк `<tr>` и ячеек.
<thead>, <tbody>, <tfoot> — Группы строк таблицы: шапка, тело и итоговая часть.
<colgroup>, <col> — Описывает столбцы таблицы, чтобы задать им ширину или фон.

Вопросы и ответы по теме

В учебнике

Таблицы — Таблицы в HTML — строки и ячейки, заголовки столбцов, thead, tbody, tfoot и caption, объединение ячеек.

Спасибо, что читаете!