Тег tbody

ОписВідкриваючий та закриваючий теги tbody - зручний контейнер тому у випадку, коли частину елементів таблиці необхідно оформити в єдиному стилі.
Відкриваючий та закриваючий теги tbody завжди повинні розташовуватися всередині контейнера table.
Синтаксис
<table>
<tbody атрибут="значення">
...
Елементи таблиці
...
</tbody>
</table>
Атрибутиalign
Встановлює горизонтальне положення вмісту щодо інших об'єктів в таблиці, може приймати значення:

  1. left - вміст вирівнюється по лівому краю;

  2. right - вміст вирівнюється по правому краю;

  3. center - вміст вирівнюється по центру;

  4. justify - вміст одночасно вирівнюється по правому і лівому краю;


valign
Встановлює вертикальне положення вмісту щодо інших об'єктів в таблиці, може приймати значення:

  1. top - вміст вирівнюється по верху;

  2. bottom - вміст вирівнюється по низу;

  3. middle - вміст вирівнюється по середині;


bgcolor
Встановлює колір фону.
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу tbody</title>
</head>
<body>
<table border="0" cellpadding="5" cellspacing="3">


<tbody align="right" style="background:#ccffcc">
<tr>
<th colspan="4">
верхні рядки та стовпчики будуть мати колір ccffcc
</th>
</tr>
<tr>
<td>стовпчик 1</td>
<td>стовпчик 2</td>
<td>стовпчик 3</td>
<td>стовпчик 4</td>
</tr>

<tr>
<td>стовпчик 1</td>
<td>стовпчик 2</td>
<td>стовпчик 3</td>
<td>стовпчик 4</td>
</tr>
</tbody>


<tbody align="left" style="background:#ffeecc">
<tr>
<th colspan="4">а нижні - колір ffeecc</th>
</tr>
<tr>
<td>стовпчик 1</td>
<td>стовпчик 2</td>
<td>стовпчик 3</td>
<td>стовпчик 4</td>
</tr>

<tr>
<td>стовпчик 1</td>
<td>стовпчик 2</td>
<td>стовпчик 3</td>
<td>стовпчик 4</td>
</tr>
</tbody>


</table>
</body>
</html>

Тег tbody


(відкриється в новому вікні)
Часті помилки
Додатково

Тег tbody