Тег TBODY

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla 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
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Допускается применять несколько тегов <TBODY> внутри контейнера <TABLE>. Доступны и другие виды группировок строк — <TFOOT> и <THEAD>, ни один из них не должен перекрываться с элементом <TBODY>.

Синтаксис

Параметры

align: Определяет выравнивание контента в строке.
bgcolor: Цвет фона ячеек, которые расположены внутри контейнера <TBODY>.
valign: Выравнивание содержимого ячеек по вертикали.

Закрывающий тег

Не обязателен.

Пример 1. Использование тега <TBODY>

ШТМЛ 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=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>

Описание параметров тега <TBODY>

Параметр ALIGN

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Задает выравнивание по горизонтали содержимого строк ячеек, которые расположены внутри элемента <TBODY>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>.

Синтаксис

Аргументы

left: Выравнивание по левоой стороне.
center: Выравнивание по центру.
right: Выравнивание по правой стороне.
justify: Выравнивание по ширине (одновременно по правому и левому краю).

Значение по умолчанию

left

Аналог CSS (ЦСС)

text-align

Пример 2. Выравнивание в строке

ШТМЛ 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=utf-8">
  <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

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Устанавливает цвет фона ячеек, расположенных в контейнере <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. Цвет фона

ШТМЛ 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=utf-8">
  <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

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <TBODY>. По умолчанию контент ячейки располагается по ее вертикали в центре.

Синтаксис

Аргументы

top: Выравнивание содержимого ячеек по верхнему краю строки.
middle: Выравнивание по середине.
bottom: Выравнивание по нижнему краю.
baseline: Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии.

Значение по умолчанию

middle

Аналог CSS (ЦСС)

vertical-align

Пример 4. Выравнивание по вертикали

ШТМЛ 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=utf-8">
  <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>