Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная Тег tfoot

Тег tfoot


Описание Открывающий и закрывающий теги tfoot служат контейнером для тех ячеек, которые необходимо отобразить внизу таблицы. Размещать их следует либо после открывающего тега table, либо после закрывающего тега thead, т.е. до блока tbody Внутри контейнера tfoot допускается размещение тегов tr, td и th
Синтаксис
<table>
<tfoot атрибут="значение">
Элементы заголовка таблицы
</tfoot>
...
Элементы таблицы
...
</table>
Если атрибутов несколько, они перечисляются через запятую.
Атрибуты align
Устанавливает горизонтальное положение относительно других обьектов в таблице, может принимать значения:
  1. left - содержимое выравнивается по левому краю
  2. right - содержимое выравнивается по правому краю
  3. center - содержимое выравнивается по центру
  4. justify - содержимое одновременно выравнивается по правому и левому краю
valign
Устанавливает вертикальное положение относительно других обьектов в таблице, может принимать значения:
  1. top - содержимое выравнивается по верху
  2. bottom - содержимое выравнивается по низу
  3. middle - содержимое выравнивается по середине
bgcolor
Устанавливает цвет фона.
Пример
<table width="100%" border="0" cellpadding="5" cellspacing="3">
<!-- Начало футера (нижней части) таблицы -->
<tfoot bgcolor="#ccffcc">
<tr>
<th colspan="2">Первое полугодие</th>
<th colspan="2">Второе полугодие</th>
</tr>
<tr>
<th colspan="4">Итог за год</th>
</tr>
</tfoot>
<!-- Конец футера (нижней части) таблицы -->
<tbody align="left" bgcolor="#ffeecc">
<tr>
<td>1 четверть</td>
<td>2 четверть</td>
<td>3 четверть</td>
<td>4 четверть</td>
</tr>
<tr>
<td>1 четверть</td>
<td>2 четверть</td>
<td>3 четверть</td>
<td>4 четверть</td>
</tr>
</tbody>
</table>

(откроется в новом окне)
Частые ошибки
Примечания Обратите внимание на то, что в листинге html блок tfoot находится выше блока tbody.
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.31 секунд, SQL-запросов: 8.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.