Электронная библиотека книг Александра Фролова и Григория Фролова.
Shop2You.ru Создайте свой интернет-магазин
Библиотека
Братьев
Фроловых

Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows

© Александр Фролов, Григорий Фролов
Том 29, М.: Диалог-МИФИ, 1997, 288 стр.

[Назад] [Содеожание] [Дальше]

Как изменить внешний вид таблицы

В этом разделе мы кратко рассмотрим наиболее важные операторы языка HTML и их параметры, предназначенные для создания таблиц. Применяя эти параметры, вы можете создавать самые разные таблицы.

Прежде всего, мы рассмотрим параметры оператора <TABLE>, определяющие внешний вид таблицы в целом. Затем займемся операторами <TR> и <TD>, определяющими внешний вид строк и столбцов таблицы.

Параметры оператора <TABLE>

Для оператора <TABLE>, которым отмечается начало таблицы, вы можете указать многочисленные параметры, определяющие внешний вид таблицы в целом. Ниже мы привели наиболее важные из них:

Параметр

Описание

ALIGN

Этот параметр определяет выравнивание таблицы. Допустимо указывать следующие значения:

LEFT таблица выравнивается по левому краю окна просмотра;

CENTER центрирование таблицы;

RIGHT выравнивание по правому краю;

JUSTIFY выравнивание по левому и правому краю

BACKGROUND

Растровое графическое изображение, которое используется в качестве фона для отображения содержимого таблицы. Об использовании растровых изображений в документах HTML мы расскажем в следующей главе

BGCOLOR

Цвет фона для таблицы

BORDER

Установка толщины рамки в пикселах

BORDERCOLOR

Установка цвета рамки. Этот параметр используется вместе с параметром BORDER

BORDERCOLORDARK

Темный цвет, который используется для трехмерного выделения рамки

BORDERCOLORLIGHT

Светлый цвет, который используется для трехмерного выделения рамки

CELLPADDING

Расстояние между краями ячейки таблицы и содержимым этой ячейки

CELLSPACING

Расстояние между рамкой таблицы и ячейками этой таблицы

CLEAR

Форматирование текста, расположенного в документе HTML после таблицы

NO текст размещается сразу после таблицы;

LEFT текст размещается на первой строке после таблицы. Эта строка выравнивается по левой границе

RIGHT текст размещается на первой строке после таблицы. Эта строка выравнивается по правой границе

COLS

Количество столбцов в таблице

FRAME

Этот параметр определяет внешний вид рамки, расположенной вокруг таблицы. Возможны следующие значения:

BORDER рамка отображается со всех сторон таблицы (используется по умолчанию);

VOID рамка вокруг таблицы (внешняя) не отображается;

ABOVE отображается верхняя рамка

BELOW отображается нижняя рамка

HSIDES отображается верхняя и нижняя рамка

LHS отображается левая рамка

RHSXE "RHS" отображается правая рамка

VSIDESXE "VSIDES" рамка отображается с левой и правой стороны таблицы

BOXXE "BOX" рамка отображается только с внешней стороны таблицы

NOWRAP

Если строки таблицы не помещаются по горизонтали в окне просмотра навигатора, они не переносятся на следующую строку, то есть не сворачиваются

RULES

Параметр определяет внешний вид линий, которыми разделяются между собой ячейки таблицы. Он может принимать следующие значения:

NONE разделительные линии между ячейками таблицы не отображаются;

GROUPS отображаются горизонтальные разделительные линии между всеми группами таблиц, определенными операторами THEAD, TBODY, TFOOT и COLGROUP;

ROWS отображаются горизонтальные разделительные линии между всеми строками таблицы;

COLS отображаются вертикальные разделительные линии между столбцами таблицы;

ALL отображаются разделительные линии между всеми столбцами и строками таблицы

VALIGN

Параметр определяет выравнивание таблицы по вертикали. Допустимы следующие значения;

TOP выравнивание по верхней границе;

MIDDLE выравнивание по середине окна;

BOTTOM выравнивание по нижней границе;

BASELINE выравнивание по базовой линии текста

WIDTH

Ширина таблицы в пикселах или в процентах от ширины окна просмотра навигатора

Параметры оператора <TR>

Оператор <TR> предназначен для создания строк таблицы. Для него вы можете указать ряд параметров, определяющих внешний вид строки:

Параметр

Описание

ALIGN

Этот параметр определяет выравнивание текста в ячейках таблицы. Допустимо указывать следующие значения:

LEFT текст выравнивается по левому краю;

CENTER центрирование (используется по умолчанию);

RIGHT выравнивание по правому краю;

JUSTIFY выравнивание по левому и правому краю

BORDERCOLOR

Установка цвета рамки. Этот параметр используется вместе с параметром BORDER оператора <TABLE>

BORDERCOLORDARK

Темный цвет, который используется для трехмерного выделения рамки строки

BORDERCOLORLIGHT

Светлый цвет, который используется для трехмерного выделения рамки строки

NOWRAP

Если текст в строке не помещаются по горизонтали в окне просмотра навигатора, он не переносятся на следующую строку, то есть не сворачиваются

VALIGN

Параметр определяет выравнивание текста в строке по вертикали. Допустимы следующие значения;

TOP выравнивание по верхней границе ячейки;

MIDDLE выравнивание по центру ячейки;

BOTTOM выравнивание по нижней границе ячейки;

BASELINE выравнивание по базовой линии текста

Параметры оператора <TD>

При помощи оператора <TD> определяются ячейки таблицы. Для него вы можете указать следующие значения:

Параметр

Описание

ALIGN

Этот параметр определяет выравнивание текста в ячейках таблицы. Допустимо указывать следующие значения:

LEFT текст выравнивается по левому краю;

CENTER центрирование (используется по умолчанию);

RIGHT выравнивание по правому краю;

JUSTIFY выравнивание по левому и правому краю

BORDERCOLOR

Установка цвета рамки. Этот параметр используется вместе с параметром BORDER оператора <TABLE>

BACKGROUND

Растровое графическое изображение, которое используется в качестве фона для отображения содержимого ячейки

BGCOLOR

Цвет фона для ячейки

BORDERCOLORDARK

Темный цвет, который используется для трехмерного выделения рамки вокруг ячейки

BORDERCOLORLIGHT

Светлый цвет, который используется для трехмерного выделения рамки вокруг ячейки

COLSPAN

С помощью этого параметра можно указать, что элемент занимает несколько соседних ячеек, расположенных справа или слева в той же колонке. Значение параметра определяет количество объединяемых ячеек

HEIGHT

Высота ячейки в пикселах

NOWRAP

Если текст в ячейке не помещаются по горизонтали в окне просмотра навигатора, он не переносятся на следующую строку, то есть не сворачиваются

ROWSPAN

Аналогично COLSPAN, но для строк таблицы

VALIGN

Параметр определяет выравнивание текста в ячейке по вертикали. Допустимы следующие значения;

TOP выравнивание по верхней границе ячейки;

MIDDLE выравнивание по центру ячейки;

BOTTOM выравнивание по нижней границе ячейки;

BASELINE выравнивание по базовой линии текста

WIDTH

Ширина ячейки в пикселах

Между операторами <TD> и </TD> вы можете разместить текстовую строку или любой другой объект, например, ссылку на графическое изображение.

Для того чтобы создать пустую ячейку с рамкой, запишите в нее символ непрерывающего пробела:


<TD>&nbsp;</TD>

Этот же символ можно использовать для размещения по вертикали внутри ячейки таблицы элементов списка:


<P>&nbsp;<BR>

Параметры оператора <TH>

Обычно первая строка таблицы используется для размещения заголовков столбцов. С помощью оператора <TH> вы можете создать такую строку заголовка.

Параметры этого оператора аналогичны только что рассмотренным параметрам оператора <TD>, поэтому мы не будем их приводить отдельно.

Оператор <CAPTION>

С помощью оператора <CAPTION> вы можете снабдить таблицу подписью, расположенной сверху над таблицей или снизу под таблицей.

Для оператора <CAPTION> в стандарте языка HTML версии 3.2 определен параметр ALIGN. Этот параметр может иметь значения TOP или BOTTOM. В первом случае подпись будет расположена над таблицей, а во втором - под таблицей.

Ниже мы привели пример использования оператора <CAPTION>:


<TABLE BORDER WIDTH=100%>
  <CAPTION ALIGN=BOTTOM>Табл. 1. Таблица значений</CAPTION>
  <TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>
  <TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>
  <TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>
</TABLE>

Навигатор Microsoft Internet Explorer использует иную систему определения расположения подписи таблицы. Дополнительно к параметру ALIGN здесь используется параметр VALIGN.

С помощью параметра VALIGN, который может иметь значения TOP или BOTTOM, вы можете изменять расположение подписи по вертикали - над или под таблицей.

Параметр ALIGN в трактовке навигатора Microsoft Internet Explorer может принимать значения LEFT или RIGHT и определяет выравнивание подписи по горизонтали.

Например, в следующем фрагменте исходного текста документа HTML создается таблица с подписью, которая расположена над таблицей и выровнена по правой границе:


<TABLE BORDER WIDTH=100%>
  <CAPTION VALIGN=TOP ALIGN=RIGHT>Табл. 2. Таблица значений</CAPTION>
  <TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>
  <TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>
  <TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>
</TABLE>

Способ оформления подписей таблиц, предлагаемый фирмой Microsoft, имеет больше возможностей, однако этот способ несовместим с навигатором Netscape Navigator. Это ограничивает его применение.

[Назад] [Содеожание] [Дальше]