Тег 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
Встановлює колір фону.
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу tfoot</title>
</head>
<body>
<table border="0" cellpadding="5" cellspacing="3">

<tfoot style="background:#ccffcc">
<tr>
<th colspan="2">Перший семестр</th>
<th colspan="2">Другий семестр</th>
</tr>
<tr>
<th colspan="4">За рік</th>
</tr>
</tfoot>

<tbody align="left" style="background:#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>
</body>
</html>

Тег tfoot


(відкриється в новому вікні)
Часті помилки
Додатково

Тег tfoot