Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и 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 как способ управления размещением материала на странице, что затрудняло извлечение табличных данных из таких документов.

Leave a Comment

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

Loading Disqus Comments ...