Элементы структуры таблицы HTML
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 28 29 30 31 32 33 34 35 36 37 |
<table> <caption> Это таблица </caption> <colgroup> <!-- цвет фона для первого столбца таблицы--> <col span="1" style="background: Khaki" /> <!-- цвет фона для следующего (одного) столбца таблицы--> <col style="background-color: LightCyan" /> </colgroup> <thead> <tr> <th></th> <th></th> <th></th> </tr> </thead> <tfoot> <tr> <td></td> <td></td> <td></td> </tr> </tfoot> <tbody> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> |
где
- <table></table> является контейнером для всех элементов таблицы (все остальные элементы должны находиться внутри него).
- <caption></caption> создает заголовок таблицы. Добавляется непосредственно после тега <table>, вне строки <tr> или ячейки <td>.
- <colgroup></colgroup> группирует один или более столбцов для единого форматирования, позволяя применить стили к столбцам вместо того, чтобы повторять стили для каждой ячейки и для каждой строки. Добавляется непосредственно после тегов <table> и/или <caption>.
- <col></col> формирует группы столбцов, которые делят таблицу на разделы, не относящиеся к общей структуре. Позволяет задавать свойства столбцов для каждого столбца в пределах элемента <colgroup>. Для элемента <col> доступен атрибут span, задающий количество столбцов для объединения.
- <thead></thead> создает группу заголовков колонок таблицы с целью задания единого оформления. Используется в сочетании с элементами <tbody> и <tfoot> для указания каждой части таблицы в следующем порядке: как дочерний элемент <table>, после <caption> и <colgroup>, и перед <tbody>, <tfoot> и <tr> элементами. В пределах одной таблицы можно использовать один раз.
- <tr></tr> формируют строки или ряды таблицы. Количество горизонтальных строк таблицы определяется количеством элементов <tr></tr>.
- <th></th> создаёт заголовок столбца — специальную ячейку, текст в которой выделяется полужирным; количество ячеек заголовка определяется количеством элементов <th></th>. Для элемента доступны атрибуты colspan, rowspan, headers.
- <tfoot></tfoot> создает группу строк для представления информации о суммах или итогах, расположенную в нижней части таблицы. Используется в таблице один раз. Располагается после элемента <thead>, перед элементами <tbody> и <tr>.
- <tbody></tbody> группирует основное содержимое таблицы. Используется в сочетании с элементами <thead> и <tfoot>.
- <td></td> создаёт ячейки таблицы, внутрь которых помещаются данные таблицы. Элементы <td></td>, расположенные в одной строке <tr></tr>, определяют количество ячеек в строке таблицы. Количество пар ячеек <td> должно быть равно количеству пар ячеек <th>. Для элемента доступны атрибуты colspan, rowspan, headers.
Атрибуты элементов таблицы HTML
Элементы таблицы HTML могут содержать следующие атрибуты:
- colspan - количество ячеек в строке для объединения по горизонтали. Возможные значения: число от 1 до 999.
- rowspan - количество ячеек в столбце для объединения по вертикали. Возможные значения: число от 1 до 999.
- headers - список ячеек заголовка, содержащих информацию о заголовке текущей ячейки данных. Предназначен для речевых браузеров. Принимаемые значения: список имен ячеек, разделенных пробелами; эти имена должны быть присвоены ячейкам через их атрибут id.
- span - количество колонок, объединяемых для задания единого стиля для элемента <col>, по умолчанию равно 1. Принимаемые значения: любое целое положительное число.