Специализированные языки разметки документов HTML (стр. 8 из 16)
4.4 Списки определений
Эти списки представляют собой списки терминов вместе с их определениями, то есть они напоминают толковый словарь.
Формат записи списка:
< DL >
< DT > Тег, задающий определяемый термин </ DT >
< DD >Тег, задающий определение термина</ DD >
< DD > Тег, задающий определение термина </ DD >
< D Т> Тег задающий определяемый термин </ DT >
< DD > Тег, задающий определение термина </ DD >
< DD > Тег, задающий определение термина </ DD >
</ DL >
Закрывающие теги для команд < D Т> и < DD > списка определений можно опустить. Данные теги могут использоваться и самостоятельно: < DT > для отображения терминов, выделяемых в тексте шрифтом, a < DD > – для их расшифровки, помеченной отступом. В этом случае наличие соответствующих закрывающих тегов обязательно.
5. Т аблицы
5.1 Формат задания и общие параметры таблицы
Для создания таблиц применяется тег < TABLE >. Состав таблицы по строкам и ячейкам задается с помощью следующих элементов:
TR – элемент, формирующий отдельную строку;
TD – элемент, определяющий содержимое ячейки данных;
TH – элемент, задающий ячейку заголовка;
CAPTION – элемент названия таблицы.
Структура записи тега < TABLE > в общем виде следующая:
< TABLE а lign =”значение”
width =”значение”
height =”значение”
background =” URL ”
bgcolor =”значение”
border =”целое число”
border с olor =”значение”
border с olordark =”значение”
border с olorlight =”значение”
cellpadding =”целое число”
cellspacing =”целое число”
cols =”значение”
frame =”значение”
rules =”значение”>
< CAPTIONalign =”значение”
valign =”значение”>
Название таблицы
</ CAPTION >
< TR align =”значение”
valign =”зн a ч e ни e ”
width =”значение”
height =”целое число”
bgcolor =”значение”
border с olor =”значение”
border с olordark =”значение”
border с olorlight =”значение”>
< TH align =”значение”
valign =”зн a ч e ни e ”
width =”значение”
height =”целое число”
background =” URL ”
bgcolor =”значение”
border с olor =”значение”
border с olordark =”значение”
border с olorlight =”значение”
colspan =”цело e число”
rowspan =”целое число”
nowrap >
Ячейка заголовка таблицы
</TH>
</TR>
<TR>
<TDalign=” значение ”
valign =”значение”
width =”значение”
height =”целое число”
background =” URL ”
bgcolor =”значение”
border с olor =”значение”
border с olordark =”значение”
border с olorlight =”значение”
colspan =”цело e число”
rowspan =”целое число”
nowrap >
Содержимое ячеек
</Т D >
</ TR >
</ TABLE >
Общие параметры таблицы определяются значениями атрибутов тега < TABLE >:
align – задает горизонтальное позиционирование всей таблицы в целом, может принимать значения left , right или center .
width определяет ширину всей таблицы и может принимать значение целого числа, если ширина таблицы указывается в пикселах, либо в процентах от ширины экрана пользователя. Если этот атрибут не задан, то он определяется на основе содержимого таблицы.
height устанавливает высоту таблицы.
background определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы.
bgcolor устанавливает цвет фона таблицы.
border указывает на толщину рамки и пикселах. Если border =0, таблица становится "невидимой".
bordercolor устанавливает цвет рамки таблицы.
bordercolordark , bordercolorlight – используются для задания объемной границы таблицы. Такой эффект достигается за счет разных цветов верхней и нижней линий, образующих рамку. Атрибут bordercolordark определяет цвет затененной части рамки, bordercolorlight задает цвет освещенной рамки.
cellpadding определяет расстояние в пикселах между границей ячейки и её содержимым.
cellspacing задает расстояние между внешними границами ячеек в пикселах.
cols указывает количество столбцов в таблице.
frame определяют параметры внешних границ таблицы. Чтобы этот атрибут влиял на отображение рамок, должен быть установлен атрибут border с ненулевым значением. Атрибут frame может принимать следующие значения:
border (или box ) – устанавливает все линии внешней рамки;
void – внешняя рамка не отображается;
above (или below ) – выводит только верхнюю (или нижнюю) границу таблицы;
hsides – выводит только верхнюю и нижнюю линии рамки;
vsides – выводит только левую и правую линию рамки;
lhs – устанавливает только левую линию рамки;
rhs – устанавливает только правую линию рамки.
rules определяют параметры внутренних границ таблицы. Чтобы этот атрибут влияли на отображение рамок, должен быть установлен атрибут border с ненулевым значением. Атрибут rules может принимать следующие значения:
none – все внутренние линии не отображаются;
groups – отображает горизонтальные границы между группами строк и столбцов;
rows – определяет отображение только горизонтальных линий между строками;
cols – устанавливает отображение только вертикальных линий между столбцами;
all – все внутренние рамки отображаются.
5.2 Параметры заголовка, строк и ячеек таблицы. Параметры заголовка определяются следующими значениями атрибутов тега < CAPTION >:
align – определяет выравнивание названия относительно границ таблицы и может принимать значения: left (выравнивание по левой границе, название располагается над таблицей), right (выравнивание по правой границе, название располагается над таблицей), center или top (выравнивание по центру, название располагается над таблицей), bottom (выравнивание по центру, название располагается под таблицей).
valign – используется для выравнивания названия при размещении его над или под таблицей. Атрибут align не выполняет выравнивания названия вправо или влево при значениях top и bottom . Для такого выравнивания нужно применять оба атрибута valign и align : атрибут valign будет задавать расположение названия над или под таблицей, а атрибут align – определять его выравнивание по левой или правой границе таблицы.
Параметры строк таблицы задаются значениями атрибутов тега < TR >, а параметры ячеек – значениями атрибутов тегов < TD >, < TH >:
align – задает выравнивание содержимого ячейки по горизонтали и определяется значениями left , right , center .
valign – задает выравнивание содержимого ячейки по вертикали и определяется значениями top (по верхнему краю), bottom (по нижнему краю), middle (посредине), baseline (по базовой линии).
width задает ширину ячейки.
height устанавливает высоту ячеек таблицы. Если значение height меньше содержимого ячейки, этот параметр игнорируется.
background определяет изображение, которое будет использоваться в качестве фонового рисунка ячейки таблицы.
bgcolor устанавливает цвет фона ячейки таблицы.
bordercolor устанавливает цвет рамки ячеек таблицы.
bordercolordark , bordercolorlight – используются для задания объемной границы ячеек таблицы. Атрибут bordercolordark определяет цвет затененной части рамки, bordercolorlight задает цвет освещенной рамки.
colspan – устанавливает число ячеек, которые должны быть объединены в одну по горизонтали.
rowspan – устанавливает число ячеек, которые должны быть объединены в одну по вертикали.
nowrap – запрет переноса слов внутри ячейки. Текст отображается одной сплошной строкой.
5.3 Группирование строк и столбцов таблицы
Для удобства форматирования содержимого таблицы её удобно разбить на заголовочную, основную и нижнюю части. Группирование позволяет присваивать каждой группе элементов общие свойства (выравнивание, гарнитуру, размер шрифта и т.д.).
Группирование строк задается с помощью трёх тегов:
< THEAD >
Заголовочная часть таблицы
</ THEAD >
< TBODY >
Основная часть таблицы
</ TBODY >
< TFOOT >
Нижняя часть таблицы
</ TFOOT >
В таблице может быть только один элемент TBODY и FOOT , но несколько элементов TBODY . Допустимыми атрибутами этих тегов являются:
align и valign – для горизонтального и вертикального выравнивания;
title – для формирования всплывающей подсказки;
lang и dir – для задания языка и направления чтения документа.
Для группирования элементов столбцов используется тег COLGROUP . Формат записи тега:
< COLGROUP span =значение
width =”значение”
align =”значение”
valign =”значение”>
Строки, для которых сгруппированы столбцы
</ COLGROUP >
Значения атрибутов:
span –задает количество столбцов в группе;
width – задает ширину каждого столбца группы, её значение может задаваться в пикселах;
align и valign – для горизонтального и вертикального выравнивания.
5.4 Наследование свойств выравнивания
По отношению к элементу TABLE дочерними являются: TH , TD , THEAD , TFOOD , COL , COLGROUP . В каждом из них можно задать параметры выравнивания. Наследование свойств горизонтального выравнивания align наследуется с учетом приоритета (от высшего к низшему):
наиболее высоким приоритетом обладают атрибуты, установленные внутри символьных данных ячейки;
атрибуты тегов < TH > и < TD >;
атрибуты тегов группирования столбцов ( COL , COLGROUP );
атрибуты элементов строки или групп строк (элементы TR , THEAD , TFOOT );
атрибуты тега < TABLE >;
атрибуты, установленные по умолчанию.
Свойства вертикального выравнивания (значения атрибута valign ) для содержимого ячеек наследуется в том же порядке, что и свойства горизонтального выравнивания. Отличие состоит лишь в том, что значения этого атрибута в элементах стрик или групп строк (элементы TR , THEAD , TFOOT ) имеют более высокий приоритет, чем значения в элементах группирования столбцов (элементы COL , COLGROUP ).
Примеры задания таблиц
1. Простые таблицы
