Вложенные таблицы
Отдельные ячейки обычной таблицы могут содержать практически любые тэги, применимые внутри BODY, в том числе внутри ячейки таблицы может быть размещена новая таблица. Такие таблицы будут называться вложенными. Организация вложенных таблиц имеет одну основную цель – это требуемая организация расположения данных на экране.
5.2 Основные атрибуты тега <Table>, объединение ячеек, выравнивание текста, цвет в таблицах
Отображение пустых ячеек в таблицах
В соответствии со спецификацией языка HTML все браузеры должны дополнять строки пустыми ячейками, если в какой-либо строке их количество задано меньшим, чем в остальных. Различные браузеры отображают пустые ячейки по-разному, одни цветом фона документа, другие цветом фона таблицы. В любом случае пустые ячейки не обрамляются рамкой. Чтобы ячейка не считалась пустой, достаточно добавить в неё какой-либо символ, например символ неразрывного пробела .
Выравнивание данных в столбцах таблицы
Характерной проблемой при создании таблиц является задание выравнивания для отдельных строк или столбцов. Если для отдельных строк всё выглядит достаточно просто, нужно лишь задать параметр выравнивания в тэге <TR>, то для выравнивания по столбцам в HTML имеются специальные тэги. Это тэги <COL> и <COLGROUP>, они должны располагаться сразу за описанием <TABLE> до первого описания <TR>. Параметрами тэгов могут быть: SPAN – определяет, на сколько смежных ячеек будет распространено выравнивание; ALIGN – определяет горизонтальное выравнивание (LEFT, CENTER, RIGHT). Тэг <COLGROUP> позволяет дополнительно задавать параметр VALIGN, определяющий вертикальное выравнивание данных (TOP, MIDDLE, BOTTOM). Кроме выравнивания этот последний тэг также обеспечивает объединение нескольких столбцов в группу. Эффект объединения проявляется при использовании параметра RULES тега <TABLE>.
В примере, приведенном ниже, первые три столбца таблицы выравниваются по правому краю, а следующие три – по левому.
<TABLE BORDER>
<COLGROUP SPAN=3 ALIGN=RIGHT>
<COLGROUP SPAN=3 ALIGN=LEFT>
<TR>
...
</TABLE>
В следующем примере два первых столбца выровнены по правому краю, а следующий – по центру, далее то же самое повторяется, но имеется группировка по три столбика в одну группу.
<TABLE BORDER>
<COLGROUP>
<COL SPAN=2 ALIGN=RIGHT>
<COL ALIGN=CENTER>
<COLGROUP>
<COL SPAN=2 ALIGN=RIGHT>
<COL ALIGN=CENTER>
<TR>
...
</TABLE>