Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная Тег tbody

Тег 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
Устанавливает цвет фона.
Пример
<table width="100%" border="0" cellpadding="5" cellspacing="3">
<em><!-- Оформим верхние ячейки (строки и колонки) в одном стиле...--></em>
<tbody align="right" bgcolor="#ccffcc">
<tr>
<th colspan="4">верхний блок tbody<br>(align="right" bgcolor="#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>
<em><!--...А нижние в другом...--></em>
<tbody align="left" bgcolor="#ffeecc">
<tr>
<th colspan="4">нижний блок tbody<br>(align="left" bgcolor="#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>
<em><!--... А помог нам в этом контейнер tbody ...--></em>

(откроется в новом окне)
Частые ошибки
Примечания
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.31 секунд, SQL-запросов: 8.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.