Тег <tbody>
Элемент <tbody> предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.
Допускается применять несколько тегов <tbody> внутри контейнера <table>. Доступны и другие виды группировок строк — <tfoot> и <thead>, ни один из них не должен перекрываться с элементом <tbody>.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
<table>
<thead> .... </thead>
<tfoot> ... </tfoot>
<tbody>
<tr>
<td> ... </td>
</tr>
</tbody>
</table>
атрибуты:
align - Задает выравнивание по горизонтали содержимого строк ячеек, которые расположены внутри элемента <tbody>.
bgcolor - Устанавливает цвет фона ячеек, расположенных в контейнере <tbody>.
char - Атрибут char заставляет выравниваться содержимое ячеек внутри <tbody> по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячейки влево или вправо относительно заданного символа.
valign - Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <tbody>.
bgcolor - Устанавливает цвет фона ячеек, расположенных в контейнере <tbody>.
char - Атрибут char заставляет выравниваться содержимое ячеек внутри <tbody> по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячейки влево или вправо относительно заданного символа.
valign - Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <tbody>.
закрывающий тег:
Не обязателен
пример кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег TBODY</title>
</head>
<body>
<table width="600" border="1">
<tbody align="right">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</tbody>
</table>
</body>
</html>