|
Создание строк и столбцов таблицы
Для создания строк и столбцов таблицы служат парные теги <TR> и <COL>. Тег <TR> (от англ. Table Row - строка таблицы) задает строку таблицы. Количество строк определяется количеством встречающихся пар тегов <TR> и </TR>. Строки могут иметь атрибуты ALIGN (выравнивание по горизонтали) и VALIGN, (выравнивание по вертикали). Тег <COL> (от англ. Column - столбец) используется для задания столбцов таблицы и может иметь атрибуты WIDTH, BGCOLOR, ALIGN, VALIGN и ID. · Атрибут WIDTH задает ширину ячеек в столбце: <COL WIDTH=число> · Атрибут BGCOLOR задает цвет фона ячеек: <COL BGCOLOR=цвет> · Атрибут ALIGN задает режим горизонтального выравнивания содержимого внутри ячейки. Он может принимать значения LEFT (влево), CENTER (по центру) и RIGHT (вправо), например: <COL ALIGN=значение> · Атрибут VALIGN задает режим вертикального выравнивания содержимого внутри ячейки. Он может принимать значения MIDDLE (по середине) и ТОР (вверх), например: <COL VALIGN=значение> · Атрибут ID задает имя для ссылки, например: <COL ID=имя> Создание ячеек таблицы
Для создания ячейки таблицы служит парный тег <TD>. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером столбца, к которому она относится.
Рис. 6. Таблица из дух строк и семи столбцов, в которой надписи центрированы
Если в строке для некоторых столбцов отсутствует одна или несколько ячеек, браузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN=LEFT и VALIGN=MIDDLE. Данное расположение может быть изменено как на уровне описания строки, так и на уровне описания ячейки. Программа создающая таблицу из двух строк и семи столбцов, представлена в листинге 1, а результат этой программы показан рис. 6. В этом примере надписи выполнены с использованием тегов <TH> и </TH>, поэтому они центрированы по умолчанию.
Листинг 1. Пример создания таблицы из двух строк и семи столбцов, в которой надписи центрированы <HTML> <HEAD> <TITLE>Таблица из двух строк и семи столбцов</TITLE> </HEAD> <BODY> <H3>Таблица из двух строк и семи столбцов</H3> <TABLE CELLSPACING=0 CELLPADDING=0 WIDTH=”80%” BORDER=4> <TR ALIGN=CENTER> <TH BGCOLOR=BLACK></TH> <TH BGCOLOR=WHITE>a12</TH> <TH BGCOLOR=BLACK></TH> <TH BGCOLOR=WHITE>a14</TH> <TH BGCOLOR=BLACK></TH> <TH BGCOLOR=WHITE>a16</TH> <TH BGCOLOR=BLACK></TH> </TR> <TR ALIGN=CENTER></TH> <TH BGCOLOR=WHITE>a21</TH> <TH BGCOLOR=BLACK></TH> <TH BGCOLOR=WHITE>a23</TH> <TH BGCOLOR=BLACK></TH> <TH BGCOLOR=WHITE>a25</TH> <TH BGCOLOR=BLACK></TH> <TH BGCOLOR=WHITE>a27</TH> </TR> </TABLE> </BODY> </HTML>
Создание заголовка и подписи таблицы
Для создания заголовка таблицы используется парный тег <TH>. Ячейка заголовка таблицы имеет ширину всей таблицы. Текст в данной ячейке имеет атрибуты BOLD и ALIGN=CENTER. Для создания подписи таблицы используется парный тег <CAPTION>. Тег <CAPTION> должен присутствовать внутри тегов <TABLE> и </TABLE>, но вне описания строки или ячейки. Атрибут ALIGN определяет, где будет находиться подпись. По умолчанию атрибут ALIGN имеет значение ТОР (сверху), но может быть установлен равным BOTTOM (снизу). Подпись всегда центрирована в рамках таблицы по горизонтали.
Теги группирования элементов таблиц
Для группирования элементов таблиц служат теги <COLGROUP>, <TBODY> и <TFOOT>. Группирование столбцов таблицы
Тег <COLGROUP> используется с целью группирования столбцов таблицы и может иметь атрибуты BGCOLOR, ALIGN, VALIGN, SPAN, WIDTH, ID. · Атрибут BGCOLOR задает цвет фона ячеек, например: <COLGROUP BGCOLOR=цвет> · Атрибут ALIGN задает режим горизонтального выравнивания содержимого внутри ячейки. Он может принимать значения LEFT (влево), CENTER (по центру) и RIGHT (вправо). · Атрибут VALIGN задает режим вертикального выравнивания содержимого внутри ячейки. Он может принимать значения MIDDLE (по середине) и ТОР (вверх), например: <COLGROUP VALIGN=значение> · Атрибут SPAN задает количество столбцов в группе, например: <COLGROUP SPAN= число > · Атрибут WIDTH задает ширину ячеек в столбцах, например: <COLGROUP WIDTH=число» · Атрибут ID задает имя для ссылки, например: <COLGROUP ID =имя> Группирование строк таблицы
Для создания логически связанных групп строк в теле таблицы используется тег <TBODY>, например: <TBODY><TR><TD>...<TD>...</TBODY> У тега <TBODY> есть атрибуты BGCOLOR, ALIGN, VALIGN, которые имеют тот же смысл, что и одноименные атрибуты тега <COLGROUP>. Для логического группирования строк в верхней части таблицы (то есть для создания верхней шапки таблицы) используется тег <THEAD>, например: <THEAD><TR><TD>...<TD>...</ТНЕАD> У тега <THEAD> есть атрибуты BGCOLOR, ALIGN, VALIGN, ID, которые имеют тот же смысл, что и одноименные атрибуты тега <COLGROUP>. Для логического группирования строк в нижней части таблицы (то есть для создания нижней шапки таблицы) используется тег <TFOOT>, например: <TFOOT><TR><TD>...<TD>...</THEAD> У тега <TFOOT> есть атрибуты BGCOLOR, ALIGN, VALIGN, ID, которые имеют тот же смысл, что и одноименные атрибуты тега <COLGROUP>. ЧТО И КАК ПИСАЛИ О МОДЕ В ЖУРНАЛАХ НАЧАЛА XX ВЕКА Первый номер журнала «Аполлон» за 1909 г. начинался, по сути, с программного заявления редакции журнала... Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот... ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между... Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|