Увеличение размеров ячеек с помощью атрибутов colspan и rowspan

Обычно в каждой строке таблицы содержится одинаковое число ячеек. Но иногда возникает необходимость растянуть ячейку на несколько строк или столбцов (рис. 11). Для определения растянутой на несколько столбцов ячейки используется атрибут COLSPAN, помещенный в тег <TH> или <TD>. Этому атрибуту нужно присвоить значение, соответствующее количеству столбцов, вдоль которых растянута ячейка. Пример:

< TR>

< TH COLSPAN=2>животные

</TR>

< TR>

< TH>собаки</TH>

< TH>кошки</TH>

< /TR>

< TR>

< TD>5</TD>

< TD>14</TD>

< /TR>.

Если вы определили ячейку, растянутую на несколько строк, то в описании этих строк уже не нужно указывать, что соответствую-щие ячейки пусты. Надо просто пропустить определение этих ячеек.

 

Рис. 11

 

Для создания ячейки, растянутой на несколько столбцов, необходимо добавить атрибут COLSPAN в определение крайней ячейки слева в наборе объединяемых ячеек. А для получения ячейки, растянутой на несколько строк, необходимо добавить атрибут ROWSPAN в определение самой верхней ячейки.

Выравнивание данных в ячейках таблицы по горизонтали

Атрибут ALIGN позволяет выровнять содержимое ячеек и может принимать следующие значения:

· CENTER - по центру;

· JUSTIFY - текстовое содержимое ячейки будет выровнено по ширине (то есть одновременно по левому и правому полям) в том случае, если в ячейке содержится несколько слов;

· CHAR - содержимое ячейки будет выравниваться относительно символа, заданного с помощью атрибута CHAR. Например, запись ALIGN="char"; CHAR= "," можно использовать для выравнивания натуральных чисел по разделителю дробной части. Атрибут CHAROFF позволяет сдвигать данные, которые не содержат заданного для выравнивания символа (величина сдвига измеряется в символах);

· RIGHT – вправо;

· LEFT – влево.

Выравнивание данных в ячейках по вертикали

Атрибут VALIGN может использоваться в контейнере <TR>, <TH>, <TD>. С его помощью можно выровнять текст верхней или нижней границе ячейки, а также отцентрировать по вертикали. Помещенный в тег <TR>, атрибут VALIGN указывает, что все ячейки строки должны быть выровнены по вертикали относительно базовой линии. Используя атрибут WIDTH в теге <TABLE>, можно включить ячейки таблицы больше свободного пространства, чтобы сделать ее более читабельной.

Добавление подписей к таблицам

С помощью контейнера <CAPTION> к таблицам можно добавлять подписи (рис.9). По умолчанию подписи располагаются над таблицей, но их можно поместить и в другое место. Для размещения подписей под таблицей используется следующий код:

<TABLE>

<CAPTION ALIGN=BOTTOM> Это подпись </CAPTION>

<TR>.........

Помимо атрибута BOTTOM, в контейнере CAPTION можно использовать атрибуты:

· TOP - подпись над таблицей;

· LEFT - подпись слева от таблицы;

· RIGHT - подпись справа от таблицы.