Элементы построения таблиц Элемент table

Элемент TABLE содержит все другие элементы, определяющие заголовок, строки, содержимое и форматирование. Это контейнер для всех остальных тегов.

Начальный тег: обязателен, конечный тег: обязателен

Определения атрибутов

align - Нежелателен. Этот атрибут задает положение таблицы относительно документа. Допустимые значения:

• left - Таблица находится в левой части документа.

• center - Таблица находится в центре документа.

• right - Таблицы находится в правой части документа.

width - определяет необходимую ширину всей таблицы и предназначен для визуальных объектов пользователей. Если значение указано в процентах, это означает долю в процентах от доступного горизонтального пространства. Если ширина не указана, она определяется браузером в соответствии с содержимым таблицы.

height - определяет необходимую высоту всей таблицы и предназначен для визуальных объектов пользователей. Если значение указано в процентах, это означает долю в процентах от доступного горизонтального пространства. Если высота не указана, она определяется браузером в соответствии с содержимым таблицы.

Rules - управляет отображением границ ячеек таблицы. По умолчанию браузеры скрывают эти границы, как и рамку вокруг таблицы. Но если использовать атрибут border со значением больше нуля, то границы будут отрисованы вокруг каждой ячейки. Но в отличие от рамки таблицы — толщину границ ячеек нельзя изменить, она всегда равна одному пикселю.

Допустимые значения:

• all — Все границы ячеек отображены.

• none — Все границы скрыты.

• groups — Границы отображаются только между группами рядов и столбцов, которые создаются тегами <TBODY>, <TFOOT>, <THEAD>, <COL>, <COLGROUP>.

• rows — Границы только между рядами (горизонтальные).

• cols — Только между столбцами (вертикальные).

Значение по умолчанию: all — если присутствует атрибут border и его значение не равно нулю, в противном случае — none.

Строки таблицы: элемент tr

Элементы TR служат контейнерами для строки ячеек таблицы. Конечный тег можно опустить.

Начальный тег: обязателен, Конечный тег: не обязателен

Ячейки таблицы: элементы th и td

Предназначены для создания ячеек таблицы в строке. Ячейки таблицы могут содержать информацию двух типов: заголовочную информацию и данные. Это различие позволяет браузерам генерировать ячейки заголовков и данных различным образом даже при отсутствии таблиц стилей.

Элемент TH определяет ячейку, содержащую информацию заголовка.

Элемент TD определяет ячейку, содержащую данные. Ячейка может быть пустой (т.е. не содержать данных).

Начальный тег: обязателен, Конечный тег: не обязателен

Определения атрибутов

headers - Указывается список ячеек заголовков, предоставляющих заголовочную информацию для текущей ячейки данных. Значением этого атрибута является разделенный пробелами список названий ячеек; имена ячейкам должны даваться с помощью атрибута id.

rowspan - задает количество ячеек таблицы объединенных в одну по вертикали, то есть он показывает, на сколько рядов, начиная с текущего, простирается ячейка в данном столбце. Высота такой ячейки будет равна сумме высот объединенных ячеек, поэтому число тегов TD в столбце обязательно надо уменьшить, чтобы он не начал выпирать. При этом необходимо четко понимать, что количество рядов в таблице не зависит от объединения ячеек и остается неизменным. По умолчанию используется значение один («1»). Значение ноль («0») означает, что ячейка объединяет все строки от текущей до последней строки таблицы.

colspan - задает количество ячеек таблицы объединенных в одну по горизонтали, то есть он показывает, на сколько столбцов, начиная с текущего, простирается ячейка в данном ряду. Ширина такой ячейки будет равна сумме ширин объединенных ячеек, поэтому число тегов TD в ряду обязательно надо уменьшить, чтобы он не начал выпирать. При этом необходимо четко понимать, что количество столбцов в таблице не зависит от объединения ячеек и остается неизменным. По умолчанию используется значение один («1»). Значение ноль («0») означает, что ячейка объединяет все столбцы от текущего до последнего столбца таблицы.

nowrap - Нежелателен. Если этот логический атрибут используется, он сообщает визуальным браузерам необходимости отключить автоматическое разбиение текста для этой ячейки.

width - Нежелателен. Этот атрибут дает браузерам рекомендуемую ширину ячейки.

height - Нежелателен. Этот атрибут дает браузерам рекомендуемую высоту ячейки.