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

Тег tfoot

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

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

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<table>
<tfoot>
<tr><td> ... </td></tr>
</tfoot>
</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>
<tfoot align="right">
<tr>
<td colspan="4">Итого: 18</td>
</tr>
</tfoot>
<tbody>
<tr><th>№ п/п</th><th>Вид кактуса</th><th>количество в оранжерее, шт</th><th>заказано, шт</th></tr>
<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>

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

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

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

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

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

Тег <tfoot> может появляться перед <tbody>, чтобы браузер мог отобразить футер до получения (возможно, многочисленных) строк данных.

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

Твой код:

Результат: