Тег TBODY
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Тег <TBODY> предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.
Допускается применять несколько тегов <TBODY> внутри контейнера <TABLE>. Доступны и другие виды группировок строк - <TFOOT> и <THEAD>, ни один из них не должен перекрываться с элементом <TBODY>.
Синтаксис
<thead>...</thead>
<tfoot>...</tfoot>
<tbody>
<tr>
<td> ... </td>
</tr>
</tbody>
</table>
Параметры
| align | Задает выравнивание текста в строке. |
| bgcolor | Цвет фона ячеек, расположенных внутри контейнера <TBODY>. |
| valign | Вертикальное выравнивание содержимого ячеек. |
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <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=windows-1251">
<title>Пример использования тега TBODY</title>
</head>
<body>
<table width="500" border="1">
<tbody align="right">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>
Описание параметров тега <TBODY>
Параметр ALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает выравнивание по горизонтали содержимого строк ячеек, которые расположены внутри элемента <TBODY>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>.
Синтаксис
Аргументы
| left | Выравнивание по левому краю. |
| center | Выравнивание по центру. |
| right | Выравнивание по правому краю. |
| justify | Выравнивание по ширине (одновременно по правому и левому краю). |
Значение по умолчанию
left
Аналог в CSS
text-align
Пример 2. Выравнивание в строке
<!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=windows-1251">
<title>Пример тега TBODY, параметр align</title>
</head>
<body>
<table width="500" border="1" cellspacing="0">
<thead align="center" style="background:#fc0">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</thead>
<tbody align="right">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>
Параметр BGCOLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает цвет фона ячеек, расположенных в контейнере <TBODY>.
Синтаксис
Аргументы
Цвет задается следующими способами.
1. Используя название цвета
Большинство современных браузеров поддерживают задание цвета по названию.
2. Используя шестнадцатеричное значение
Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Задаются цвета по два регистра для каждого цвета RGB (красный, зеленый и синий) - rrggbb, где каждая составляющая цвета принимает значение от 00 до FF.
Значение по умолчанию
В зависимости от браузера, настройки операционной системы, но обычно используется белый цвет фона.
Аналог в CSS
background-color
Пример 3. Цвет фона
<!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=windows-1251">
<title>Пример тега TBODY, параметр bgcolor</title>
</head>
<body>
<table width="500" border="1" cellspacing="0" bordercolor="#333333">
<thead align="center" bgcolor="#ffcc00">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</thead>
<tbody align="right" bgcolor="silver">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>
Параметр VALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает вертикальное выравнивание содержимого ячеек в контейнере <TBODY>. По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
Аргументы
| top | Выравнивание содержимого ячеек по верхнему краю строки. |
| middle | Выравнивание по середине. |
| bottom | Выравнивание по нижнему краю. |
| baseline | Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии. |
Значение по умолчанию
middle
Аналог в CSS
vertical-align
Пример 4. Выравнивание по вертикали
<!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=windows-1251">
<title>Пример тега TBODY, параметр valign</title>
</head>
<body>
<table width="500" border="1" cellspacing="0">
<tbody align="right" valign="top">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>