Тег <tbody>

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

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

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

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

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

Атрибуты

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

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

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег tbody</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>

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