
- •Структура html документа
- •Параметры фона
- •Параметры текста
- •Параметры гиперссылок
- •Создание простейших html-таблиц
- •Выравнивание Параметр align Горизонтальное выравнивание
- •Параметры valign Вертикальное выравнивание
- •Параметр border
- •Параметр bordercolor
- •Параметры bordercolordark и bordercolorlight
- •Частичное отображение рамок
- •Размеры таблицы Параметры width и height
- •Внутренние отступы
- •Параметр cellspacing
- •Параметр cellpadding
- •Фон таблицы и ячеек
- •Заголовок таблицы
- •Колонтитулы таблицы
- •Параметры выравнивания содержимого ячеек — align и valign
- •Параметры bgcolor и background
- •Параметры width и height
- •Параметр nowrap
- •Слияние ячеек. Параметры colspan и rowspan
- •Заголовки строк и столбцов
- •Группировка данных
- •Отображение пустых ячеек в таблицах
- •Вложенные таблицы
- •Свойства текста
- •Свойства шрифта
- •Внедрения индивидуальных шрифтов.
- •Свойства цвета и фона
- •Блочная модель верстки
- •Позиционирование
Параметры выравнивания содержимого ячеек — align и valign
Параметры выравнивания содержимого ячеек — ALIGN и VALIGN. Могут применяться в кодах <TR>, <TD> и < ТН >. Параметр горизонтального выравнивания ALIGN может принимать значения LEFT, RIGHT и CENTER (по умолчанию LEFT для <TD> и CENTER для < ТН >). Параметр вертикального выравнивания VALIGN может принимать значения ТОР (по верхнему краю), BOTTOM (по нижнему краю), MIDDLE (посередине), BASELINE (по базовой линии). По умолчанию — MIDDLE. Выравнивание по базовой линии обеспечивает привязку текста отдельной строки во всех ячейках к единой линии. Задание параметров выравнивания на уровне кода <TR> определяет выравнивание для всех ячеек данной строки, при этом в каждой отдельной ячейки строки может быть определены свои параметры, переопределяющие действие параметров, заданных в <TR>.
Что произойдет, если для всей таблицы задан один тип выравнивания, а для ячейки — другой? Здесь действует общее правило для одноименных параметров: если значение параметра, определенного для всей таблицы в дескрипторе <TABLE>, не совпадает со значением такого же параметра в дескрипторе <TR>, то для данной строки используется параметр, определенный в дескрипторе <TR>. Аналогичным образом, если значение параметра для некоторой ячейки отличается от значения такого же параметра для содержащей ее строки или для всей таблицы, то приоритет имеет значение, заданное в дескрипторе ячейки.
Параметры bgcolor и background
Параметры BGCOLOR и BACKGROUND используются для работы с фоном ячеек или целых рядов таблицы. BGCOLOR позволяет задать определенный цвет ячеек, a BACKGROUND — указать путь к графическому изображению, которое будет служить фоном.
Действие данных параметров в отношении тега ряда <TR> и тегов ячейки <TD> и <ТН> аналогично типу выравнивания ALIGN и VALIGN.
Параметр BGCOLOR используется для тегов <TR>, <TD> и <TH>. Параметр BACKGROUND применим только к тегам ячеек <TD> и <ТН>.
И цвет фона, и фоновое изображение могут быть переопределены как для отдельных строк таблицы, так и для ячеек. Однако здесь следует учесть одну особенность: если фон, заданный для всей таблицы, заполняет также и промежутки между ячейками, то фон, определенный для строк и ячеек, заполняет только внутреннюю часть самих ячеек. При этом промежутки между ячейками (разумеется, если таковые существуют, т.е. когда значение параметра cellspacing не равно нулю) остаются заполненными тем фоном, который был определен для всей таблицы.
Параметры width и height
Это параметры ширины и высоты либо отдельных ячеек, либо целых рядов таблицы. Правила указания аналогичны этим же параметрам тега <TABLE>. Используются для <TR>, <TD> и <TH>.
Параметр nowrap
Параметр NOWRAP запрещает принудительный перенос строки в ячейке или табличном ряде. Не рекомендуется использовать данный параметр во всех ячейках, т. к. это может сильно понизить уровень масштабируемости таблицы (при условии, что значение ширины и/или высоты таблицы указано в процентах). Параметр NOWRAP применим в <TR>, <TD> и <TH>.
Слияние ячеек. Параметры colspan и rowspan
Вот, наконец, мы и пришли к одному из самых интересных моментов, связанных с Web-таблицами: как создаются ячейки нестандартного размера, занимающие собой несколько столбцов или несколько строк?
COLSPAN показывает, на сколько ячеек по горизонтали следует расширить <TD> или <TH>, в котором указан данный параметр.
ROWSPAN делает то же самое, но увеличивает область <TD> или <TH> по вертикали.
При использовании параметров COLSPAN и ROWSPAN особое внимание следует уделять корректному объединению соседних ячеек таблицы, а также своевременному указанию закрывающих тегов ячеек и рядов. Возникновение ошибки может привести к нарушению структуры таблицы, "заползанию" одних ячеек на другие, перекрытию текста и даже невозможности отобразить таблицу в браузере.
Параметры COLSPAN и ROWSPAN используются только в тегах ячейки <TD> и <TH>.
Перечень параметров тегов <TR>, <TD> и <TH> приведен в табл.
Параметр |
Функция |
Применение |
ALIGN |
Выравнивание содержимого ячейки или ряда по горизонтали |
<TR>, <TD>, <TH> |
VALIGN |
Выравнивание содержимого ячейки или ряда по вертикали |
<TR>, <TD>, <TH> |
WIDTH |
Определение ширины ячейки или ряда |
<TR>, <TD>, <TH> |
HEIGHT |
Определение высоты ячейки или ряда |
<TR>, <TD>, <TH> |
BGCOLOR |
Указание цвета для фона ячейки или ряда |
<TR>, <TD>, <TH> |
BACKGROUND |
Указание рисунка для фона ячейки |
<TD>, <TH> |
NOWRAP |
Запрет принудительного переноса строки в ячейке или ряду |
<TR>, <TD>, <TH>
|
COLSPAN |
Объединение соседних ячеек по горизонтали |
<TD>, <TH> |
ROWSPAN |
Объединение соседних ячеек по вертикали |
<TD>, <TH> |