- •11. Таблицы на html странице
- •12. Ссылки в html. Навигация по страницам
- •13. Адреса ссылок. Указание базового адреса
- •14. Организация навигации по книгам и сайтам
- •15. Формы на html странице
- •17. Стилевое оформление страницы средствами html
- •18. Контекстно-зависимые дескрипторы
- •19. Дескрипторы физического (декоративного) форматирования
11. Таблицы на html странице
В настоящее время таблицы в HTML используются, в основном, для форматирования и оформления страниц, хотя и первоначальное их назначение как метода представления информации не утратило своего значения.
Описание таблиц должно располагаться внутри раздела документа <BODY>. Документ может содержать произвольное число таблиц, допускается вложенность таблиц друг в друга. Каждая таблица должна начинаться тегом <TABLE> и завершаться тегом </TABLE>. Тег <TABLE> может использоваться с рядом параметров, каждый из которых можно опустить. Набор допустимых параметров зависит от браузера. Согласно спецификации HTML в теге <TABLE> могут использоваться следующие параметры: BORDER(рамка), CELLSPACING(расстояние между рамками двух смежных ячеек, как по горизонтали, так и по вертикали), CELLPADDING (размер отступа между рамкой ячейки и данными внутри ячейки), WIDTH(ширина таблицы), ALIGN(расположение таблицы). Отдельные браузеры позволяют задавать и другие параметры.
Для определения строк служит тэг <TR>, для создания ячеек - <TH>, <TD>.
Тэг <TH> используется для создания ячеек с заголовками.
Тэг <TD> - для обыкновенных ячеек с данными.
Таблица может иметь заголовок, который заключается в пару тегов <CAPTION> и </CAPTION>. Описание заголовка должно располагаться внутри тегов <TABLE> и </TABLE> в любом месте, однако вне тегов <TR>, <TD> и <TH>. По умолчанию текст заголовка таблицы располагается над ней (ALIGN=TOP) и размещается в центре. Если значение параметра ALIGN равно BOTTOM, то заголовок располагается в нижней части таблицы.
Параметры WIDTH и HEIGHT могут применяться в тегах <TD> и<TH>, их значение определяет ширину и высоту ячейки, для которой записаны эти параметры. Значения могут задаваться в пикселях или в процентах от размеров всей таблицы.
Каждую ячейку таблицы можно рассматривать как отдельную область для независимого форматирования. Все правила для форматирования текста могут быть использованы для форматирования текста внутри ячейки. Область действия тегов, записанных внутри отдельной ячейки, ограничивается пределами этой ячейки независимо от наличия завершающего тега.
Для форматирования данных внутри ячейки таблицы предусмотрены ряд параметров. Параметр горизонтального выравнивания может принимать значения LEFT, RIGHT, CENTER (по умолчанию LEFT для <TD> и CENTER для <TH>).
Параметр вертикального выравнивания VALIGN может принимать значения:
TOP - по верхнему краю, BOTTOM - по нижнему краю, MIDDLE - посередине, BASELINE - по базовой линии.
По умолчанию происходит выравнивание посередине. Задание параметра выравнивания в теге <TR> определяет выравнивание для всех ячеек данной строки, при этом в каждой отдельной ячейке строки могут быть определены свои параметры, переопределяющие параметры, заданные в теге <TR>.
При построении сложных таблиц возникает необходимость в объединении в одну ячейку смежных ячеек как по горизонтали, так и по вертикали. Это можно сделать при использовании параметров COLSPAN и ROWSPAN, задаваемых в тегах <TD> и <TH>.
При задании COLSPAN=n целое значение n определяет, на какое количество ячеек следует расширить текущую ячейку по горизонтали.
Параметр ROWSPAN=n, где n целое значение, позволяет указать число строк, которые следует охватить по вертикали.
Параметр BORDERCOLOR определяет цвет всех элементов рамок таблицы.
Другие два параметра BORDERCOLORRIGHT и BORDERCOLORDARK задают цвет отдельных составляющих рамок таблицы, переопределяя значения BORDERCOLOR.
Параметр BORDERCOLORRIGHT окрашивает в заданный цвет левый и верхний края таблицы, а BORDERCOLORDARK соответственно правый и нижний края каждой ячейки.
Внутри одной таблицы можно поместить другую. Такие таблицы называются вложенными. Правила их построения не отличаются от правил, рассмотренных ранее. При использовании вложенных таблиц следует быть осторожным, так как не все браузеры правильно отображают сложные таблицы.