HTML :: Тег <tfoot>
В HTML тег <tfoot> (от англ. table foot – подвал таблицы) предназначен для группирования одной или нескольких строк внизу таблицы. Обычно используется для информирования о столбцах таблицы.
Допускается отсутствие строк в секциях <tfoot>, но если секции в таблице созданы, то использовать строки вне элементов <thead>, <tbody> и <tfoot> не разрешается.
Закрывающий тег может быть опущен, если элемент <tfoot> идет последним в таблице.
Синтаксис
<table>
<caption>…</caption>
<thead>...</thead>
<tbody>...</tbody>
<tfoot>
<tr>
<td>...</td>
</tr>
</tfoot>
</table>
Закрывающий тег: не обязателен.
Атрибуты
Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/tables.html#the-tfoot-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/tfoot
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №2</title> <!-- Для оформления используем стили, а не атрибуты --> <style> table, th,td{ border: 1px solid black; } table{ border-collapse: collapse } </style> </head> <body> <table> <caption>Деление на секции с выделением разным фоном</caption> <thead style="background-color: yellow"> <tr> <th>Я – первая заглавная ячейка </th> <th>А я – вторая заглавная ячейка</th> </tr> </thead> <tbody style="background-color: green"> <tr> <td>Я – первая ячейка в первой строке тела</td> <td>Я – вторая ячейка в первой строке тела</td> </tr> <tr> <td>Я – первая ячейка во второй строке тела</td> <td>Я – вторая ячейка во второй строке тела</td> </tr> </tbody> <tfoot style="background-color: grey"> <tr> <td>Итог:</td> <td>использовано три фона</td> </tr> </tfoot> </table> </body> </html>
Пример №1