Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег thead | назначение, синтаксис, атрибуты, примеры

Тег thead

Последнее обновление: 23.01.2011

Тег <thead> (англ. table header — заголовок таблицы) — тег-контейнер, применяется для определения строки/строк, которые будут отображаться вверху таблицы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<table>
<thead>
<tr><td> ... </td></tr>
</thead>
</table>

Атрибуты



align выраванивание текста в строке

  • left — по левому краю (по умолчанию)
  • center — по центру
  • right — по правому краю
  • justify — по ширине
bgcolor цвет фона ячеек. В спецификации HTML 4.01 отсутствует
char определяет символ по которому происходит выравнивание. Значением по умолчанию является символ десятичной точки
charoff определяет смещение первого в строке символа выравнивания
class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет используемый язык
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
valign вертикальное выраванивание в ячейке

  • baseline — по базовой линии
  • bottom — по нижнему краю
  • middle — по центру (по умолчанию)
  • top — по верхнему краю

Пример

Оформляем заголовок:


<table>
<thead>
<tr><th>№ п/п</th><th>Вид кактуса</th><th>количество в оранжерее, шт</th><th>заказано, шт</th></tr>
</thead>
<tfoot align="right">
<tr>
<td colspan="4">Итого: 18</td>
</tr>
</tfoot>
<tbody>
<tr><td>1</td><td>Gymnocalycium hybopleurum</td><td>15</td><td align="right">8</td></tr>
<tr><td>2</td><td>Gymnocalycium valnicekianum</td><td>26</td><td align="right">6</td></tr>
<tr><td>3</td><td>Mammillaria discolor</td><td>2</td><td align="right">0</td></tr>
<tr><td>4</td><td>Mammillaria johnstonii</td><td>14</td><td align="right">4</td></tr>
</tbody>
</table>

Рекомендации по использованию

  • закрывающий тег не обязателен (</thead>)
  • должен располагаться в контейнере <table>.
  • должен содержать только теги <tr>
  • обязательных атрибутов нет

Строки таблицы могут быть сгруппированы в шапку, футер и один или более разделов тела таблицы с помощью тегов <thead>, <tfoot> и <tbody>.
Благодаря этому возможно, например, для браузеров поддерживать прокрутку тела таблицы независимо от шапки и футера. Если распечатываются большие таблицы, информация шапки и футера может повторяться на каждой странице, содержащей данные таблицы. В современных браузерах эти возможности не реализованы!

Шапка и футер таблицы должны содержать информацию о столбцах таблицы. Тело таблицы должно содержать ряды (строки) данных таблицы.

Если элементы <thead>, <tfoot> и <tbody> определены, каждый из них должен содержать группу строк. Каждая группа строк должна содержать минимум одну строку, определенную элементом <tr>.

Разделы <thead>, <tfoot> и <tbody> должны содержать одинаковое количество столбцов.

Твой код:

Результат: