Тег <th> HTML ячейка заголовок в таблице

Рейтинг: 3 из 5, голосов 7

07 января 2018 г.

Тег <th> определяет ячейку-заголовок в HTML таблице. Используется в HTML таблицах определенных тегом <table>.

В HTML таблицах существует 2 типа ячеек: ячейки-заголовки и обычные ячейки. Тег <th> указывает на ячейки-заголовки таблицы HTML. Для определения обычной ячейки используйте тег <td>.

HTML тег ячейки <th> ставится внутри тега <tr> - строки таблицы.

Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.

Синтаксис

<th>контент ячейки</th>

Отображение в браузере

Ячейка-заголовок 1	Ячейка-заголовок 2
Обычная ячейка 1	Обычная ячейка 2
Обычная ячейка 3	Обычная ячейка 4

Пример использования <th> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Ячейки-заголовки в HTML таблице</title>
  </head>
  <body>
    <table>
      <tbody>
        <tr>
          <th>Ячейка-заголовок 1</th>
          <th>Ячейка-заголовок 2</th>
        </tr>
        <tr>
          <td>Обычная ячейка 1</td>
          <td>Обычная ячейка 2</td>
        </tr>
        <tr>
          <td>Обычная ячейка 3</td>
          <td>Обычная ячейка 4</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Поддержка браузерами

Тег
<th>	Да	Да	Да	Да	Да

Атрибуты

Атрибут	Значения	Описание
colspan	число	Количество ячеек по горизонтали, которые должны быть объединены.
headers	id_заголовка	Указывает заголовок, к которому относится ячейка.
rowspan	число	Количество ячеек по вертикали, которые должны быть объединены.
scope	col colgroup row rowgroup	Устанавливает группу ячеек, к которым относится ячейка-заголовок <th>: col - колонка; colgroup - группа колонок; row - ряд; rowgroup - группа рядов.
Устаревшие атрибуты
abbr	текст	Короткая версия содержимого ячейки.
align	left right center justify	Задает правило выравнивания содержимого ячейки по горизонтали. В HTML5 используйте CSS.
axis	имя_категории	Используется для категоризации ячеек. Задает категорию, к которой принадлежит ячейка. В HTML5 используйте классы CSS.
bgcolor	rgb HTML hex HTML colorname	Фоновый цвет. В HTML5 используйте CSS. Примеры: RGB: rgb(216,122,030), rgb(0, 55, 191). HTML hex: #ebedef, #999. HTML colorname: red, black;
height	пиксели проценты	Высота ячейки. В HTML5 используйте CSS.
nowrap	пусто / nowrap	Логический атрибут. Устанавливает запрет переноса в тексте ячейки. В HTML5 используйте CSS.
valign	top middle bottom baseline	Задает правило выравнивания содержимого ячейки по вертикали. В HTML5 используйте CSS.
width	пиксели проценты	Ширина ячейки. В HTML5 используйте CSS.

by Lebedev