Тег <th> – это настоящая шапка таблицы, которая выделяет заголовки внутри строк. По умолчанию текст в таких ячейках отображается жирным и центрируется, создавая ощущение важности каждой колонки.
Внутри <th> можно разместить почти всё, что позволено в HTML: картинки, тексты, формы, ссылки, даже целые вложенные таблицы. Браузер автоматически подстроит размер ячеек так, чтобы всё контентное богатство выглядело гармонично.
Если одна строка содержит меньше ячеек, чем остальные, браузер сам добавит пустые ячейки в конец строки, делая таблицу ровной. Хочется вставить «пустую» ячейку в начале или посередине – просто создайте только пустой <th> (или <td>) там, где нужно.
Примечание: Автоматически добавленные ячейки не имеют собственной рамки. Поэтому несколько таких пустых ячеек подряд выглядят как одна большая, непрерывная ячейка.
Атрибуты - colspan:
- Определяет положительное целое число – сколько столбцов будет занимать данная ячейка (по горизонтали). По умолчанию это 1.
- headers:
- Указывает одну или несколько заголовочных ячеек, связанных с текущей. В качестве значения указывают идентификатор(ы) нужных заголовков, разделённых пробелами.
- rowspan:
- Определяет положительное целое число – сколько строк будет занимать ячейка (по вертикали). По умолчанию тоже 1.
- scope:
- Указывает, для каких ячеек данный заголовок предоставляет информацию. Возможные значения:
- col – заголовок относится ко всем ячейкам в своём столбце;
- colgroup – к группе столбцов;
- row – к строке, где расположен;
- rowgroup – к группе строк.
Тег <th> также поддерживает другие атрибуты, но перечисленные выше самые важные для создания читаемых и семантически правильных таблиц.
Пример<table> <tr> <th>Месяц</th> <th>Доход</th> </tr> <tr> <td>Сентябрь</td> <td>700р</td> </tr></table>