Тег <tfoot>

IE
4.0+
Chrome
1.0+
Opera
1.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

Закрывающий тег не обязателен.

<table> 
  <thead> ... </thead> 
   <tfoot>  
      <tr>   
         <td> ... </td>
      </tr> 
   </tfoot> 
  <tbody> ... </tbody>
</table>

Атрибуты

align: Определяет выравнивание текста в строке
bgcolor: Цвет фона ячеек, которые расположены внутри контейнера <tfoot>
char: Выравнивание содержимого ячеек относительно заданного символа
charoff: Смещение содержимого ячеек относительно указанного символа
valign: Выравнивание содержимого ячеек по вертикали.

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег tfoot</title>
  <style>
  table {width:500px;}
  td {width:50%; 
     color:black;
     text-align:center;
     padding:3px 10px;}
  tfoot {background: yellow}
  tbody {background: green}
  </style>
 </head>
 <body>

  <table>
   <tfoot>
    <tr>
     <td>TFOOT 1</td>
     <td>TFOOT 2</td> 
    </tr> 
   </tfoot>

   <tbody>
    <tr>
     <td>TBODY 1</td>
     <td>TBODY 2</td> 
    </tr> 
   </tbody>
  </table>

 </body>
</html>

Категория: Таблицы