Litra Library

Главное меню

Самоучитель CSS
Свойства CSS
Самоучитель HTML
Тэги HTML
SEO и заработок на сайте
Скрипты
Ucoz

Вход

Статистика

Онлайн всего: 9
Гостей: 9
Пользователей: 0
Главная » Статьи » WEB » Тэги HTML
TFOOT
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.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" "http://www.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="500" border="0">

<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" "http://www.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="500" 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. Используя шестнадцатеричное значение

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Задаются цвета по два регистра для каждого цвета RGB (красный, зеленый и синий) - rrggbb, где каждая составляющая цвета принимает значение от 00 до FF.

Значение по умолчанию

В зависимости от браузера, настройки операционной системы, но обычно используется белый цвет фона.

Аналог в CSS

background-color

Пример 3. Цвет фона

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.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="500" 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" "http://www.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="500" 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>
Категория: Тэги HTML | Добавил: expert1 (02.02.2013)
Просмотров: 358 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^