Тег TBODY
| Браузер |
 Internet Explorer |
 Netscape |
 Opera |
 Safari |
 Firefox |
| Версия |
5.5 |
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
| Поддерживается |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
| HTML: |
3.2 |
4 |
XHTML: |
1.0 |
1.1 |
Описание
Элемент <TBODY> предназначен для хранения одной
или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым
можно применять единое оформление через стили, а также управлять их видом через
скрипты.
Допускается применять несколько тегов <TBODY>
внутри контейнера <TABLE>. Доступны и другие
виды группировок строк — <TFOOT> и <THEAD>,
ни один из них не должен перекрываться с элементом <TBODY>.
Синтаксис
<table>
<thead>...</thead>
<tfoot>...</tfoot>
<tbody>
<tr>
<td> ... </td>
</tr>
</tbody>
</table>
Параметры
- align
- Определяет выравнивание текста в строке.
- bgcolor
- Цвет фона ячеек, которые расположены внутри контейнера <TBODY>.
- valign
- Выравнивание содержимого ячеек по вертикали.
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <TBODY>
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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="600" border="1">
<tbody align="right">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</tbody>
</table>
</body>
</html>
Описание параметров тега <TBODY>
Параметр ALIGN
| HTML: |
3.2 |
4 |
XHTML: |
1.0 |
1.1 |
Описание
Задает выравнивание по горизонтали содержимого строк ячеек, которые расположены
внутри элемента <TBODY>. Если требуется применить
разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте
параметр align для тега <TD>
или <TH>.
Синтаксис
<tbody align="left | center | right | justify">...</tbody>
Аргументы
- left
- Выравнивание по левому краю.
- center
- Выравнивание по центру.
- right
- Выравнивание по правому краю.
- justify
- Выравнивание по ширине (одновременно по правому и левому краю).
Значение по умолчанию
left
Аналог CSS
text-align
Пример 2. Выравнивание в строке
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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="600" border="1" cellspacing="0">
<thead align="center" style="background:#fc0">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</thead>
<tbody align="right">
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</tbody>
</table>
</body>
</html>
Параметр BGCOLOR
| HTML: |
3.2 |
4 |
XHTML: |
1.0 |
1.1 |
Описание
Устанавливает цвет фона ячеек, расположенных в контейнере <TBODY>.
Синтаксис
<tbody bgcolor="цвет">...</tbody>
Аргументы
Значение цвета можно задавать двумя способами.
1. По его названию
Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная
система, в отличие от десятичной системы, базируется, как следует из ее названия,
на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D,
E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной
системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной
системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало
путаницы в определении системы счисления, перед шестнадцатеричным числом ставят
символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый
и синий — может принимать значения от 00 до FF. Таким образом, обозначение
цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают
красную компоненту цвета, два средних — зеленую, а два последних —
синюю.
Значение по умолчанию
Зависит от браузера и его версии, обычно используется белый цвет фона.
Аналог CSS
background-color
Пример 3. Цвет фона
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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="600" border="1" cellspacing="0"
bordercolor="#333333">
<thead align="center" bgcolor="#ffcc00">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</thead>
<tbody align="right" bgcolor="silver">
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</tbody>
</table>
</body>
</html>
Параметр VALIGN
| HTML: |
3.2 |
4 |
XHTML: |
1.0 |
1.1 |
Описание
Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <TBODY>.
По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
<tbody valign="top | middle | bottom | baseline">...</tbody>
Аргументы
- top
- Выравнивание содержимого ячеек по верхнему краю строки.
- middle
- Выравнивание по середине.
- bottom
- Выравнивание по нижнему краю.
- baseline
- Выравнивание по базовой линии, при этом происходит привязка содержимого
ячеек строки к одной линии.
Значение по умолчанию
middle
Аналог CSS
vertical-align
Пример 4. Выравнивание по вертикали
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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="600" border="1" cellspacing="0">
<tbody align="right" valign="top">
<tr>
<td height="100">Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr>
<td height="100">Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</tbody>
</table>
</body>
</html>
