![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Создание сложных таблиц
Все рассмотренные нами примеры таблиц имели в каждой строке одинаковое количество ячеек. Но иногда приходится создавать таблицы, Если вы хотите объединить ячейки, расположенные в смежных строках и столбцах, то дополните тег < 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 Создание таблицы из примера с использованием HTML приведено ниже, отображение в браузере см. на рис. 3.11.
Рис. 3.11. Отображение в браузере таблицы примера 6
< HTML> < HEAD> < TITLE> пример создания сложной таблицы пример 6 < /TITLE> < /HEAD> < BODY> < TABLE BORDER =" 1" ALIGN=" center" CELLPADDING=" 3" WIDTH=" 252" > < CAPTION> Спряжение глагола < EM> to be: < /EM> < /CAPTION> < TR> < TH WIDTH=" 34" > & nbsp: < /TH> < TH WIDHT=" 198" > Значение < EM> to be: < /EM> < /TH> < /TR> < TR> < TH WIDHT=" 34" > I < /TH> < TD ALIGN=" center" WIDHT=" 198" > am < /TD> < /TR> < TR> < TH WIDHT=" 34" > You < /TH> < TD ALIGN =" center" WIDHT=" 198" ROWSPAN=" 3" > are < /TD> < /TR> < TR> < TH WIDTH =" 34" > We < /TH> < /TR> < TR> < TH WIDTH=" 34" > They < /TH> < /TR> < TR> < TH WIDHT=" 34" > He < /TH> < TD ALIGN =" center" WIDHT=" 198" ROWSPAN=" 3" > is < /TD> < /TR> < TR> < TH WIDTH=" 34" > She < /TH> < /TR> < TR> < TH WIDHT=" 34" > IT < /TH> < /TR> < /TABLE> < /BODY> < /HTML>
|