Таблица может быть представлена в виде:
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
Если этот атрибут присутствует, он определяет смещение текста относительно символа выравнивания (рассматривается первый такой символ). Если в строке такого символа нет, то она должна быть сдвинута горизонтально в конец относительно позиции выравнивания.
vegetable | cost per kilo |
lettuce | $1 |
silver carrots | $10.50 |
golden turnips | $100.30 |
void: | Ни одна из сторон. Значение по умолчанию. |
above: | Только верхняя сторона. |
below: | Только нижняя сторона. |
hsides: | Только нижняя и верхняя стороны. |
vsides: | Только правая и левая стороны. |
lhs: | Только левая сторона. |
rhs: | Только правая сторона. |
box: | Все четыре стороны. |
border: | Все четыре стороны. |
none: | Никаких линий, значение по умолчанию. |
groups: | Линии имеются только между группами рядов и столбцов. |
rows: | Линии имеются только между рядами. |
cols: | Линии имеются только между столбцами. |
all: | Линии имеются между рядами и столбцами. |
<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 |