Скачиваний:
17
Добавлен:
16.11.2019
Размер:
290.82 Кб
Скачать

2. Создание строк и столбцов таблицы

Чтобы описать таблицу, нужно указать количество строк и столбцов, а также их расположение.

Для определения одной строки таблицы используется пара дескрипторов <TR> и </TR>. Они сообщают браузеру, что ячейки, определяемые между этими дескрипторами относятся к одной строке таблицы.

Дескрипторы <TH> и </TH> определяют заголовки таблицы.

Дескрипторы <TD> и </TD> определяют содержание ячейки.

С помощью атрибута COLSPAN, содержащегося внутри дескриптора <TH> или <TD>, можно сделать так, чтобы соответствующая ячейка занимала несколько столбцов. Для этого нужно присвоить атрибуту COLSPAN значение, равное числу столбцов, которые должна занимать ячейка. Атрибут ROWSPAN выполняет ту же функцию только для строк.

3. Выбор типа таблицы

Прежде чем переходить к описанию ячеек, нужно определить некоторые общие характеристики таблицы. К ним относятся ширина таблицы, интервалы внутри ячейки, интервалы между ячейками и т.д.

Одной из таких общих характеристик является рамка, т.е. граница, отделяющая таблицу от остальной части документа. Для этого используется атрибут BORDER=n, где n – ширина рамки в пикселях. Атрибут BORDER помещается в дескриптор <TABLE>. Если выбрать значение 0 или вообще опустить данный атрибут, то будет создана таблица без рамки.

Для определения ширины таблицы используется атрибут WIDTH, также помещенный в дескриптор <TABLE>. Значение ширины указывается либо в процентах, либо в пикселях, и заключается в кавычки.

С помощью атрибута COLS, помещенного в дескриптор <TABLE>, можно определить количество столбцов таблицы:

<TABLE BORDER=0 WIDTH="50%" COLS="3">.

И, наконец, для определения интервалов в таблице используются атрибуты CELLSPACING и CELLPADDING, помещенные в дескриптор <TABLE>. Атрибут CELLSPACING определяет расстояние между ячейками в пикселях (стандартное значение равно 2).

Атрибут CELLPADDING определяет расстояние в пикселях между содержимым ячейки и ее границами (стандартное расстояние равно 1).

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

Атрибут ALIGN позволяет выровнять содержимое ячеек и может принимать значение CENTER, JUSTIFY, CHAR, RIGHT, LEFT.

Если присвоить атрибуту ALIGN значение JUSTIFY, то текстовое содержимое ячейки будет выровнено по ширине.

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

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

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

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

С помощью контейнера <CAPTION> к таблицам можно добавлять подписи. Таким образом, с помощью подписей можно описать таблицу более подробно, например, добавив информацию о единицах измерения, использованных в таблице.

По умолчанию подписи располагаются над таблицей, но их можно поместить и в другое место. Например, для размещения подписей под таблицей используется следующий код:

<TABLE>

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

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