Основные атрибуты таблиц

BORDER - данный атрибут используется в теге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы вцелом. BORDER может принимать числовое значение, определяющее ширину границы, например BORDER=3.

ALIGN - Если атрибут ALIGN присутствует внутри тегов <CAPTION> и </CAPTION>, то он определяет положение подписи для таблицы (сверху или снизу). По умолчанию ALIGN=top. Если атрибут ALIGN встречается внутри <TR>, <TH> или <TD>, он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру). Пример.

VALIGN - данный атрибут встречается внутри тегов <TR>, <TH> и <TD>. Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (верх), bottom (низ), middle (по середине) и baseline (все ячейки строки прижаты вверх). Пример.

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

COLSPAN - указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчанию - 1.

ROWSPAN - указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчанию - 1.

COLSPEC - данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC="20%".

СЕLLРАDDING - д анный атрибут определяет ширину пустого пространства между содержимым ячейки и ее границами, то есть задает поля внутри ячейки. Пример.

СЕLLSPACING - определяет ширину промежутков между ячейками в пикселях. Если этот атрибут не указан, по умолчанию задается величина, равная двум пикселям. Пример.

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

<BODY>

<STYLE REL=STYLESHEET TYPE="text/css">

.title {font-weight: bold; text-align: left}

.data {font-weight: italic; text-align: center}

</STYLE>

<TABLE BORDER=1>

<CAPTION> Таблица №1 </CAPTION>

<TR CLASS=title>

<TD ROWSPAN=2></TD>

<TH COLSPAN=2>Среднее значение</TH>

</TR>

<TR CLASS=title>

<TH>Рост, см</TH>

<TH>Вес, кг</TH>

</TR>

<TR>

<TD CLASS=title>Юноши</TD>

<TD CLASS=data>174</TD>

<TD CLASS=data>78</TD>

</TR>

<TR>

<TD CLASS=title>Девушки</TD>

<TD CLASS=data>165</TD>

<TD CLASS=data>56</TD>

</TR>

</TABLE>

</BODY>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: