Тег <thead>

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

Элемент <thead> предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Допустимо использовать не более одного элемента <thead> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <table>.

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

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

Атрибуты

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

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

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег thead</title>
  <style>
	thead {background: yellow;}
	tbody {background: grey;}
	td {padding:2px 10px;}
  </style>
 </head>
 <body>

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

 </body>
</html>

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

Статьи по теме

Таблица с рамкой