Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Тег TFOOT

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

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

Синтаксис

<table>
<thead>...</thead>

<tfoot>
  <tr>
   <td> ... </td>
  </tr>
</tfoot>

<tbody>... </tbody>
</table>

Параметры

align
Определяет выравнивание текста в строке.
bgcolor
Цвет фона ячеек, которые расположены внутри контейнера <TFOOT>.
valign
Выравнивание содержимого ячеек по вертикали.

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

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

Пример 1. Использование тега <TFOOT>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<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. Выравнивание в строке

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<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. Цвет фона

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<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. Выравнивание по вертикали

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://w3.org/TR/html4/loose.dtd">
<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>




На главную









При использовании материалов сайта ссылка на comnew.ru обязательна!

x