Интегрированные сети ISDN

         

может быть представлена в виде:



Таблица может быть представлена в виде:



1 2 3
4 6
7 8 9

Версия HTML 4.0 включает в себя механизмы контроля горизонтального и вертикального выравнивания, стилями границ таблицы и полями ячеек.

14.12. Горизонтальное и вертикальное выравнивание

<!entity % cellhalign “align (left|center|right|justify|char) #implied

char cdata #implied -- выравнивание по символу, напр. char=”:” --

charoff cdata #implied -- смещение выравнивания по символу -- >

<!entity % cellvalign “valign (top|middle|bottom|baseline) #implied” >

Определения атрибутов

align = left|center|right|justify|char

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

left: выравнивание по левому краю (значение атрибута по умолчанию)
center: Выравнивание текста в ячейке по центру (значение по умолчанию для заголовков)
right: выравнивание текста по правому краю ячейки.
justify: выравнивание текста по правой и левой границам.
char: выравнивание текста по некоторому символу.

valign = top|middle|bottom|baseline

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

top: текст прижимается к верхней границе ячейки.
middle: текст размещается по центру ячейки (значение по молчанию для заголовков)
bottom: текст прижимается к нижней границе ячейки.
baseline: все ячейки в ряду должны быть выровнены по высоте так, чтобы их первые строки были на одной высоте. Это не касается последующих строк.

char = cdata

Этот атрибут определяет символ в тексте, который будет выполнять роль оси для выравнивания. Значением по умолчанию является точка для английского языка и запятая - для французского (бывает полезно для колонок цифр с долями целого).

charoff = length

Если этот атрибут присутствует, он определяет смещение текста относительно символа выравнивания (рассматривается первый такой символ). Если в строке такого символа нет, то она должна быть сдвинута горизонтально в конец относительно позиции выравнивания.


Рассмотрим пример таблицы с выравниванием по символу точка.
<table border=”border”>

<colgroup>

<col><col align=”char” char=”.”>

<thead>

<tr><th>Vegetable <th>Cost per kilo

<tbody>

<tr> <td> lettuce <td>$1

<tr> <td> silver carrots <td>$10.50

<tr> <td>golden turnips <tr>$100.30

</table>
Отформатированная таблица будет выглядеть как:

vegetable cost per kilo
lettuce $1
silver carrots $10.50
golden turnips $100.30

14.13. Границы и линии
Следующие атрибуты влияют на рамки таблицы и внутренние линии.
frame = void|above|below|hsides|lhs|rhs|vsides|box|border
Эти атрибуты определяют, какая из сторон рамки, окружающей таблицу, будет видимой.

void: Ни одна из сторон. Значение по умолчанию.
above: Только верхняя сторона.
below: Только нижняя сторона.
hsides: Только нижняя и верхняя стороны.
vsides: Только правая и левая стороны.
lhs: Только левая сторона.
rhs: Только правая сторона.
box: Все четыре стороны.
border: Все четыре стороны.

rules = none|groups|rows|cols|all
Этот атрибут определяет, какие линии появится между ячейками в пределах таблицы. Возможные значения:

none: Никаких линий, значение по умолчанию.
groups: Линии имеются только между группами рядов и столбцов.
rows: Линии имеются только между рядами.
cols: Линии имеются только между столбцами.
all: Линии имеются между рядами и столбцами.

border = cdata
Эти атрибуты определяют ширину рамки вокруг таблицы в пикселях. В приведенном ниже примере таблица имеет рамку в 5 пикселей и присутствует с правой и левой сторон таблицы. Разделительные линии имеются между всеми колонками.
<table border=”5” frame=vsides” rules=”cols”>

<tr> <td>1 <td>2 <td>3

<tr> <td>4 <td>5 <td>6

<tr> <td>7 <td>8 <td>9

</table>
Следующие установки должны выполняться агентом пользователя для совместимости.


Установка border=”0” подразумевает frame=”void” и, если не специфицировано иного, rules=”none”. Другие установки border подразумевают frame=”border” и, если не оговорено иное, rules=”all”. Значение “border” в стартовой метке элемента table должно интерпретироваться как значение атрибута frame. Это предполагает, что rules=”all” и ненулевое значение атрибута border. Так, например:
<frame border=”2”> у <frame border=”2” frame=”border” rules=”all”>

и

<frame border> <=< frame frame=”border” rules=”all”>
14.14 Поля ячейки
Два атрибута регулируют зазор между и внутри ячеек.
cellspacing = length
Этот атрибут определяет то, какое расстояние должно быть оставлено между рамкой таблицы и начальным или конечным краем ячейки для каждого ряда или колонки, а также между ячейками в таблице.
cellpadding = length
Этот атрибут определяет расстояние между границей ячейки и его содержимым.
Во всех последующих таблицах атрибут cellspacing определяет, что ячейки разделяются друг от друга и от рамки таблицы расстоянием в 20 пикселей. Атрибут cellpadding определяет, что верхняя и нижняя граница ячейки отстоит от его содержимого на 10% доступного пространства по вертикали (всего 20%). Аналогично поля ячейки в горизонтальном направлении составляют 10% от горизонтального размера ячейки.
<table>

<tr cellpadding=”20”> <tr>data1 <td cellpadding=”20%”>data2 <td>data3

</table>
Ниже приведены примеры, где проиллюстрировано взаимодействие различных элементов. Пример 1.
<table border=”border”>

<caption>A test table with merged cells </caption>


<tr> <th> rowspan=2><th colspan=”2”>average
<th rowspan=”2”>other<br>category<th>misc
<tr> <th>height<th>weight
<tr> <th>align=”left”>males<td>1.9<td>0.003
<tr> <th> align=”left” rowspan=”2”>females<td>1.7<td>0.002

/table>

Содержание раздела