Тег <tfoot>

Internet Explorer

Chrome

Opera

Safari

Firefox

Android

iOS

4.0+

1.0+

1.0+

1.0+

1.0+

1.0+

1.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Элемент <tfoot> предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Хотя тег <tfoot> в исходном коде должен быть определен до тега <tbody>, браузеры отображают его в самом низу таблицы.

В пределах таблицы разрешается использовать только один элемент <tfoot>.

Синтаксис

<table>

<thead> ... </thead>

<tfoot>

<tr>

<td> ... </td>

</tr>

</tfoot>

<tbody> ... </tbody>

</table>

Атрибуты

align

Определяет выравнивание текста в строке.

bgcolor

Цвет фона ячеек, которые расположены внутри контейнера  <tfoot>.

char

Выравнивание содержимого ячеек относительно заданного символа.

charoff

Смещение содержимого ячеек относительно указанного символа.

valign

Выравнивание содержимого ячеек по вертикали.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Не обязателен.

Пример

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Тег TFOOT</title>

</head>

<body>

<table width="600">

<tfoot align="center" style="background: #ffc">

<tr>

<td>Ячейка 1, расположенная в TFOOT</td>

<td>Ячейка 2, расположенная в TFOOT</td>

</tr>

</tfoot>

<tbody align="right" style="background: silver">

<tr>

<td>Ячейка 3, расположенная в TBODY</td>

<td>Ячейка 4, расположенная в TBODY</td>

</tr>

</tbody>

</table>

</body>

</html>

Таблицы