HTML теги. HTML списки. Список меню
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
Таблица HTML. Тег TBODY. Структура HTML таблицы. HTML tbody
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и 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>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
&lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;…&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; |
Тег <tbody>. Атрибуты тега <tbody>
Тег <tbody> из группы HTML таблиц, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <tbody> доступны уникальные HTML атрибуты:
- align – атрибут align позволяет установить то, как будет выравниваться содержимое ячеек строки по горизонтали
- bgcolor – атрибут bgcolor задает цвет фона ячеек в строке
- char – атрибут char устанавливает выравнивание ячеек строки по указанному в значение символу
- charoff – атрибут charoff устанавливает насколько символов нужно смещать содержимое в ячейках строки относительно символа указанного в значение
- valign – атрибут valign устанавливает выравнивание содержимого ячеек строки по вертикали.
Теги для создания таблицы HTML
В языке HTML имеется целая группа тегов предназначенных для формирования HTML таблиц.
Теги формирующие таблицы HTML:
Тег <tbody>. Пример использования тега <tbody>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt; &lt;title&gt;Таблица HTML&lt;/title&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot; type=&quot;text/css&quot; &gt; &lt;/head&gt; &lt;body&gt; &lt;table&gt; &lt;caption&gt;Заголовок HTML таблицы&lt;/caption&gt; &lt;col width=&quot;430&quot;&gt; &lt;tbody align=&quot;left&quot;&gt; &lt;tr&gt; &lt;th style=&quot;background: red&quot;&gt;Первая ячейка&lt;/th&gt; &lt;th&gt;Вторая ячейка&lt;/th&gt; &lt;th&gt;Третья ячейка&lt;/th&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;tr&gt; &lt;th style=&quot;background: orange&quot;&gt;Четвертая ячейка&lt;/th&gt; &lt;th&gt;Пятая ячейка&lt;/th&gt; &lt;th&gt;Шестая ячейка&lt;/th&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; |
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Исторически некоторые вебмастера использовали таблицы в HTML как способ управления размещением материала на странице, что затрудняло извлечение табличных данных из таких документов.