Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <tbody>. Описание тега <tbody>, атрибуты тега <tbody>, синтаксис тега <tbody>, пример использования тега <tbody>. Тег <tbody> относится к группе тегов HTML таблицы.

Не забываем подписываться на RSS-лентуtwitter и на публичную страницу Вконтакте.

HTML тег <tbody>. Описание <tbody>

HTML тег <tbody> относится к тегам предназначенным для формирования HTML таблиц. Тег <tbody> предназначен для логического деления HTML таблицы на части совместно с тегами <tfoot> и <thead>. Тег <tbody> предназначен для создания основной части таблицы. Тег <tbody> следует использовать тогда, когда вам необходимо разделить HTML таблицу на несколько логических частей и применить к этим частям различное стилевое оформление. Внутри одной HTML таблицы можно использовать несколько HTML элементов <thead>.

Тег <tbody>. Синтаксис тега <tbody>

Тег <tbody> – это уникальный HTML тег, у которого закрывающий и открывающий теги ставятся опционально, то есть, можно вовсе не писать тег <tbody>, браузер все равно создаст один элемент HTML <tbody>

[php]

&amp;lt;table&amp;gt;

&amp;lt;tbody&amp;gt;

&amp;lt;tr&amp;gt;

&amp;lt;td&amp;gt;…&amp;lt;/td&amp;gt;

&amp;lt;/tr&amp;gt;

&amp;lt;/tbody&amp;gt;

&amp;lt;/table&amp;gt;

[/php]

Тег <tbody>. Атрибуты тега <tbody>

Тег <tbody> из группы HTML таблиц, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <tbody> доступны уникальные HTML атрибуты:

  • align – атрибут align позволяет установить то, как будет выравниваться содержимое ячеек строки по горизонтали
  • bgcolor – атрибут bgcolor задает цвет фона ячеек в строке
  • char – атрибут char устанавливает выравнивание ячеек строки по указанному в значение символу
  • charoff – атрибут charoff устанавливает насколько символов нужно смещать содержимое в ячейках строки относительно символа указанного в значение
  • valign – атрибут valign устанавливает выравнивание содержимого ячеек строки  по вертикали.

Теги для создания таблицы HTML

В языке HTML имеется целая группа тегов предназначенных для формирования HTML таблиц.

Теги формирующие таблицы HTML:

Тег <tbody>. Пример использования тега <tbody>

[php]

&amp;lt;!DOCTYPE HTML PUBLIC &amp;quot;-//W3C//DTD HTML 4.01 Transitional//EN&amp;quot; &amp;quot;http://www.w3.org/TR/html4/loose.dtd&amp;quot;&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;&amp;gt;
&amp;lt;title&amp;gt;Таблица HTML&amp;lt;/title&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;style.css&amp;quot; type=&amp;quot;text/css&amp;quot; &amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;table&amp;gt;
&amp;lt;caption&amp;gt;Заголовок HTML таблицы&amp;lt;/caption&amp;gt;
&amp;lt;col width=&amp;quot;430&amp;quot;&amp;gt;
&amp;lt;tbody align=&amp;quot;left&amp;quot;&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;th style=&amp;quot;background: red&amp;quot;&amp;gt;Первая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Вторая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Третья ячейка&amp;lt;/th&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/tbody&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;th style=&amp;quot;background: orange&amp;quot;&amp;gt;Четвертая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Пятая ячейка&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Шестая ячейка&amp;lt;/th&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;
&amp;lt;/body&amp;gt;

&amp;lt;/html&amp;gt;

[/php]

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

Таблица HTML. Тег TBODY. Структура HTML таблицы. HTML tbody.

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru 

Возможно, эти записи вам покажутся интересными


Выберете удобный для себя способ, чтобы оставить комментарий

This article has 1 comment

  1. Jamaal Reply

    Исторически некоторые вебмастера использовали таблицы в HTML как способ управления размещением материала на странице, что затрудняло извлечение табличных данных из таких документов.

Добавить комментарий для Jamaal Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Loading Disqus Comments ...