Элемент <TFOOT> предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Хотя тег <TFOOT> в исходном коде должен быть определен до элемента <TBODY>, браузеры отображают его в самом низу таблицы.
В пределах таблицы разрешается использовать только один элемент<TFOOT>.
Синтаксис
<table>
<thead>…</thead>
<tfoot>
<tr>
<td> … </td>
</tr>
</tfoot>
<tbody>… </tbody>
</table>
Параметры
- align
- Определяет выравнивание текста в строке.
- bgcolor
- Цвет фона ячеек, которые расположены внутри контейнера<TFOOT>.
- valign
- Выравнивание содержимого ячеек по вертикали.
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <TFOOT>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег TFOOT</title>
</head>
<body>
<table width=»600″>
<tfoot align=»center» style=»background: #ffc»>
<tr>
<td> … </td>
<td> … </td>
</tr>
</tfoot>
<tbody align=»right» style=»background: silver»>
<tr>
<td> … </td>
<td> … </td>
</tr>
</tbody>
</table>
</body>
</html>
Описание параметров тега <TFOOT>
Параметр ALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает выравнивание по горизонтали для всех ячеек в пределах <TFOOT>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или<TH>.
Синтаксис
<tfoot align=»left | center | right | justify»>…</tfoot>
Аргументы
- left
- Выравнивание по левому краю.
- center
- Выравнивание по центру.
- right
- Выравнивание по правому краю.
- justify
- Выравнивание по ширине (одновременно по правому и левому краю).
Значение по умолчанию
left
Аналог CSS
text-align
Пример 2. Выравнивание в строке
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег TFOOT, параметр align</title>
</head>
<body>
<table width=»600″ border=»1″ cellspacing=»0″>
<tfoot align=»center» style=»background: #fc0″>
<tr>
<td colspan=»2″> … </td>
</tr>
</tfoot>
<tbody align=»right»>
<tr>
<td> … </td>
<td> … </td>
</tr>
</tbody>
</table>
</body>
</html>
Параметр BGCOLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает цвет фона ячеек, расположенных в контейнере <TFOOT>.
Синтаксис
<tfoot bgcolor=»цвет»>…</tfoot>
Аргументы
Значение цвета можно задавать двумя способами.
1. По его названию
Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
Значение по умолчанию
Зависит от браузера и его версии, обычно используется белый цвет фона.
Аналог CSS
background-color
Пример 3. Цвет фона
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег TFOOT, параметр bgcolor</title>
<style type=»text/css»>
TFOOT {
color: white; /* Цвет текста */
}
</style>
</head>
<body>
<table width=»600″ border=»1″ cellspacing=»0″ bgcolor=»#f0f0f0″>
<tfoot align=»center» bgcolor=»#333333″>
<tr>
<td colspan=»2″> … </td>
</tr>
</tfoot>
<tbody>
<tr>
<td> … </td>
<td> … </td>
</tr>
</tbody>
</table>
</body>
</html>
Параметр VALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает вертикальное выравнивание содержимого ячеек в контейнере<TFOOT>. По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
<tfoot valign=»top | middle | bottom | baseline»>…</tfoot>
Аргументы
- top
- Выравнивание содержимого ячеек по верхнему краю строки.
- middle
- Выравнивание по середине.
- bottom
- Выравнивание по нижнему краю.
- baseline
- Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии.
Значение по умолчанию
middle
Аналог CSS
vertical-align
Пример 4. Выравнивание по вертикали
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег TFOOT, параметр valign</title>
</head>
<body>
<table width=»600″ border=»1″ cellspacing=»0″>
<tfoot align=»center» valign=»bottom»>
<tr>
<td colspan=»2″ height=»50″> … </td>
</tr>
</tfoot>
<tbody align=»right» valign=»top»>
<tr>
<td> … </td>
<td> … </td>
</tr>
<tr>
<td> … </td>
<td> … </td>
</tr>
</tbody>
</table>
</body>
</html>