Вложенные таблицы

 

Отдельные ячейки обычной таблицы могут содержать практически любые тэги, применимые внутри BODY, в том числе внутри ячейки таблицы может быть размещена новая таблица. Такие таблицы будут называться вложенными. Организация вложенных таблиц имеет одну основную цель – это требуемая организация расположения данных на экране.

 

                               
                               
                               
                               
                               
                               
                               

5.2 Основные атрибуты тега <Table>, объединение ячеек, выравнивание текста, цвет в таблицах

Отображение пустых ячеек в таблицах

 

В соответствии со спецификацией языка HTML все браузеры должны дополнять строки пустыми ячейками, если в какой-либо строке их количество задано меньшим, чем в остальных. Различные браузеры отображают пустые ячейки по-разному, одни цветом фона документа, другие цветом фона таблицы. В любом случае пустые ячейки не обрамляются рамкой. Чтобы ячейка не считалась пустой, достаточно добавить в неё какой-либо символ, например символ неразрывного пробела &nbsp;.

 

Выравнивание данных в столбцах таблицы

 

Характерной проблемой при создании таблиц является задание выравнивания для отдельных строк или столбцов. Если для отдельных строк всё выглядит достаточно просто, нужно лишь задать параметр выравнивания в тэге <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>