
- •Структура html документа
- •Параметры фона
- •Параметры текста
- •Параметры гиперссылок
- •Создание простейших html-таблиц
- •Выравнивание Параметр align Горизонтальное выравнивание
- •Параметры valign Вертикальное выравнивание
- •Параметр border
- •Параметр bordercolor
- •Параметры bordercolordark и bordercolorlight
- •Частичное отображение рамок
- •Размеры таблицы Параметры width и height
- •Внутренние отступы
- •Параметр cellspacing
- •Параметр cellpadding
- •Фон таблицы и ячеек
- •Заголовок таблицы
- •Колонтитулы таблицы
- •Параметры выравнивания содержимого ячеек — align и valign
- •Параметры bgcolor и background
- •Параметры width и height
- •Параметр nowrap
- •Слияние ячеек. Параметры colspan и rowspan
- •Заголовки строк и столбцов
- •Группировка данных
- •Отображение пустых ячеек в таблицах
- •Вложенные таблицы
- •Свойства текста
- •Свойства шрифта
- •Внедрения индивидуальных шрифтов.
- •Свойства цвета и фона
- •Блочная модель верстки
- •Позиционирование
Частичное отображение рамок
Итак, если мы хотим получить рамку, нужно использовать параметр border, если не хотим — просто пропускаем его. А если хотим, но не везде? Например, как быть, если мы хотим оставить видимыми только вертикальные границы ячеек, как между газетными столбцами?
В дескрипторе <TABLE> есть два параметра, позволяющие "поиграть" с отображением разных частей рамок. К сожалению, они работают не во всех броузерах: это стандарт Internet Explorer.
RULES
Параметр RULES управляет прорисовкой внутренних линий сетки таблицы Возможные значения параметра RULES
Значение |
Функция |
ALL |
Отображение линейки целиком |
GROUPS |
Часть линейки, разделяющая сгруппированные данные |
COLS |
Часть линейки, разделяющая столбцы |
ROWS |
Часть линейки, разделяющая строки |
NONE |
Отсутствие линейки |
Учитывая тот факт, что параметр border "понимают" все браузеры, чего нельзя сказать о параметре rules, вряд ли стоит использовать значение rules=all вместо border=l.
FRAME
Управление прорисовкой рамок вокруг таблицы осуществляется параметром FRAME Возможные значения параметра FRAME
Значение |
Функция |
BOX |
Рамка с четырех сторон |
BORDER |
Рамка с четырех сторон |
ABOVE |
Рамка только сверху |
BELOW |
Рамка только снизу |
LHS |
Только левая часть рамки |
RHS |
Только правая часть рамки |
VSIDES |
Левая и правая части рамки |
ALL |
границы ячеек будут видимы |
HSIDES |
Верхняя и нижняя части рамки |
VOID |
Нет рамок |
Прорисовка линий сетки таблицы и рамок будет осуществляться только при наличии параметра BORDER тэга <TABLE>. При отсутствии этого параметра или его нулевом значении линии сетки и рамки будут отсутствовать при любых значениях параметров FRAME и RULES.
Размеры таблицы Параметры width и height
Для того чтобы вид страницы не так сильно зависел от размеров окна браузера, в дескрипторе <TABLE> задают минимальную ширину и высоту таблицы. Для этого используются параметры width и height, соответственно. Габариты задаются как в абсолютных значениях (в пикселях), так и в относительных (в процентах от ширины окна).
<TABLE WIDTH="500" HEIGHT="50%">
Способ верстки Web-страниц, при котором размеры таблиц задаются в процентах, иногда называют "резиновым" дизайном за то, что при изменении размеров окна такие страницы как бы растягиваются или сжимаются, сохраняя основные пропорции. Размер ячеек таблицы будет уменьшаться/увеличиваться пропорционально заявленному значению в процентах. Впрочем, эта мера действенна только до определенной степени. Можно сузить окно так, чтобы в левой части осталось по одному слову в каждой строке, и слова все равно будут "налезать" на таблицу. Что тогда делают Web-дизайнеры? Тяжело вздыхают и... строят новую таблицу, побольше, чтобы вписать строптивый кусок текста в ее левый столбец.