
- •Структура html документа
- •Параметры фона
- •Параметры текста
- •Параметры гиперссылок
- •Создание простейших html-таблиц
- •Выравнивание Параметр align Горизонтальное выравнивание
- •Параметры valign Вертикальное выравнивание
- •Параметр border
- •Параметр bordercolor
- •Параметры bordercolordark и bordercolorlight
- •Частичное отображение рамок
- •Размеры таблицы Параметры width и height
- •Внутренние отступы
- •Параметр cellspacing
- •Параметр cellpadding
- •Фон таблицы и ячеек
- •Заголовок таблицы
- •Колонтитулы таблицы
- •Параметры выравнивания содержимого ячеек — align и valign
- •Параметры bgcolor и background
- •Параметры width и height
- •Параметр nowrap
- •Слияние ячеек. Параметры colspan и rowspan
- •Заголовки строк и столбцов
- •Группировка данных
- •Отображение пустых ячеек в таблицах
- •Вложенные таблицы
- •Свойства текста
- •Свойства шрифта
- •Внедрения индивидуальных шрифтов.
- •Свойства цвета и фона
- •Блочная модель верстки
- •Позиционирование
Параметры valign Вертикальное выравнивание
Параметр VALIGN также определяет тип выравнивания содержимого ячеек таблицы, но по вертикали. Он может принимать следующие значения:
valign="middle" — выравнивание по середине ячейки (значение по умолчанию);
valign="top" — выравнивание по верхнему краю ячейки;
valign="bottom" — выравнивание по нижней границе ячейки;
valign="baseline" — выравнивание по базовой линии (привязка текста одной строки к единому уровню).
Рамки
Какие могут быть свойства у рамки таблицы? Здесь все очень просто: толщина и цвет. Познакомимся с параметром, "ответственным" за первое свойство.
Параметр border
Параметр BORDER управляет изображением рамки вокруг каждой ячейки, которые, по сути, дают линии сетки таблицы, и вокруг всей таблицы. По умолчанию рамки не рисуются, и на экране пользователь увидит лишь ровно расположенный текст ячеек таблицы. Существует немало ситуаций, когда использование таблиц без рамок вполне оправданно, например, для многоколонных списков, реализованных при помощи таблиц, или задания точного взаимного расположения рисунков и текста. Однако в большинстве случаев для традиционного использования таблиц ее ячейки полезно отделить друг от друга линиями сетки, что облегчает восприятие и понимание информации, содержащейся в таблице.
Для добавления в таблицу рамок необходимо включить в код <TABLE> параметр BORDER, который может иметь численное значение. Например, <TABLE BORDER> или <TABLE BORDER=10>.
Численное значение параметра определяет толщину рамки в пикселах, рисуемую вокруг всей таблицы, однако на толщину рамок вокруг каждой ячейки это значение не влияет. При отсутствии численного значения обычно оно принимается равным минимальному значению(1), хотя для различных браузеров стиль показа рамок может отличаться. Возможность независимого управления отображением рамки вокруг всей таблицы и рамками вокруг ячеек отсутствует.
Расположить ячейки как можно ближе друг к другу возможно заданием BORDER=0, что означает отсутствие рамок.
С помощью параметра BORDER можно задавать рамку, показывающую внутреннюю структуру таблицы, которая состоит из определенного количества рядов и ячеек. Отсутствие данного параметра означает, что рамка не будет отображаться браузером. Необходимость в таком варианте может возникнуть, например, при составлении больших списков или при создании таблицы в качестве основы HTML-документа.
Параметр bordercolor
По умолчанию рамка черно-серая. Попробуем заменить ее цвет, Параметр BORDERCOLOR предназначен для определения цвета рамки вокруг
таблицы (поддерживается только Internet Explorer). Значение указывается
в шестнадцатеричном формате (например, #FFCCOO) или в виде наименова-
ния (например, green).
<TABLE border=15 bordercolor=green>
Параметры bordercolordark и bordercolorlight
Если определить цвет рамки, используя единственный параметр bordercolor, исчезнет эффект "выпуклости". Это естественно: ведь эффект "выпуклости" обеспечивается разницей цветов верхне-левой и нижне-правой частей рамки. Для того чтобы изменить один из этих цветов, "не трогая" другой, используются параметры bordercolordark и bordercolorlight. Несмотря на свои названия, в переводе с английского означающие "темный цвет рамки" и "светлый цвет рамки", эти параметры никак не связаны с насыщенностью цвета.
Параметр bordercolordark определяет цвет нижнего правого, a bordercolorlight - верхнего левого углов рамки. Например, если написать
<TABLE border=15 bordercolorlight=red bordercolordark=blue>,
получится некое подобие боксерского ринга.
Упоминания о светлом и темном цветах в названиях параметров bordercolordark и bordercolorlight появились благодаря тому, что по умолчанию верхний левый угол таблицы светлее нижнего правого: таблица как будто освещена, причем источник света находится в верхнем левом углу окна.
А как же с рамками отдельных ячеек? Можно ли отменить их отображение, задать цвет или толщину?
К сожалению, здесь наши возможности гораздо скуднее. Толщина внутренних рамок является фиксированной. Зато цвет можно задавать для каждой строки и ячейки в отдельности, как с помощью параметра bordercolor, так и по отдельным "углам" с помощью параметров bordercolorlight и bordercolordark.
Если в ячейке ничего нет, то рамки вокруг нее тоже не будет, как ни старайтесь. Для того чтобы ячейка выглядела пустой, но имела рамку, нужно "положить" в нее нечто невидимое. Как правило, такими "невидимыми" объектами являются неразрывный пробел или прозрачный GIF-файл размером 1x1 пиксель.