Создание сложных таблиц

Все рассмотренные нами примеры таблиц имели в каждой строке одинаковое количество ячеек. Но иногда приходится создавать таблицы,
в которых смежные ячейки должны быть объединены. Достигается это использованием в начальных тегах < TD > и < TH > атрибутов COLSPAN
и ROWSPAN, варьируя этими параметрами, можно добиться желаемого результата. ROWSPAN– предназначен для объединения ячеек смежных строк, значение атрибута задает количество объединяемых ячеек. Например, начальный тег ячейки < TD ROWSPAN=" 3" > устанавливает объединение трех строк, COLSPAN назначает объединение ячеек смежных столбцов. Количество объединяемых ячеек устанавливается значением этого атрибута. Например, для формирования одной ячейки из трех смежных столбцов надо записать тег < TD COLSPAN=" 3" >.

Если вы хотите объединить ячейки, расположенные в смежных строках и столбцах, то дополните тег < TD > или < TH > сразу двумя атрибутами COLSPANи ROWSPAN. Например, образование одной ячейки, расположенной на пересечении двух строк и трех столбцов, назначается контейнером < TD COLSPAN=" 3" ROWSPAN=" 2" >.

Пример 5. Создайте таблицу с двумя строками (рис. 3.8): в первой строке – две ячейки, во второй – одна. Содержимое ячеек выровнено относительно нижней и правой границы, толщина границы равна 5.

Рис. 3.8. Таблица для примера 5

Создание таблицы из примера с использованием HTML приведено ниже, отображение в браузере см. на рис. 3.9.

< HTML>

< HEAD> < TITLE> пример создания сложной таблицы пример 5

< /TITLE>

< /HEAD>

< BODY>

< FONT SIZE=" 6" > < TABLE VALIGN=" bottom" WIDTH=" 200"

BORDER=" 5" BORDERCOLOR=" red" >

< TR ALIGN=" right" > < TD> A < /TD> < TD> B < /TD> < /TR>

< TR ALIGN=" right" > < TD COLSPAN=" 2" > C < /TD> < /TR>

< /TABLE> < /FONT>

< /BODY>

< /HTML>

Рис. 3.9. Отображение в браузере таблицы примера 5

Пример 6. Представьте в HTML таблицу спряжения глагола to be (рис. 3.10).

Рис. 3.10. Таблица спряжения глагола to be