3 ТАБЛИЦЫ В ДОКУМЕНТАХ HTML

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

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

В этом разделе мы кратко рассмотрим наиболее важные операторы языка 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. Это ограничивает его применение.