Параметры выравнивания содержимого ячеек — ALIGN и valign

Могут применяться в кодах <TR>, <TD> и <TH>. Параметр горизонтального выравнивания ALIGN может принимать значения LEFT, RIGHT и CENTER (по умолчанию LEFT для <TD> и CENTER для <TH>). Параметр вертикального выравнивания VALIGN может принимать значения ТОР (по верхнему краю), BOTTOM (по нижнему краю), MIDDLE (посередине), BASELINE (по базовой линии). По умолчанию — MIDDLE. Выравнивание по базовой линии обеспечивает привязку текста отдельной строки во всех ячейках к единой линии. Задание параметров выравнивания на уровне кода <TR> определяет выравнивание для всех ячеек данной строки, при этом в каждой отдельной ячейки строки может быть определены свои параметры, переопределяющие действие параметров, заданных в <TR>.

Приведем пример таблицы, в которой данные в ячейках первого столбца выровнены вправо, второго столбца — по центру, а третьего — влево (значение по умолчанию):

<HTML>

<HEAD>

< TITLE >Выравнивание элементов ТАБЛИЦЫ</TITLE>

</HEAD>

<BODY>

<TABLE BORDER WIDTH=100%>

<TR>

<TD ALIGN=RIGHT>Ячейка 1 <TD>

<TD ALIGN=CENTER> Ячейка 2</TD>

<ТО>Ячейка 3</TD>

</TR>

<TR>

<TD ALIGN=RIGHT> Ячейка 4</TD>

<TD ALIGN=CENTER> Ячейка 5</TD>

<ТО>Ячейка 6</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Ячейка 1	Ячейка 2	Ячейка 3
Ячейка 4	Ячейка 5	Ячейка 6

Для сложных таблиц характерна потребность в объединении нескольких смежных ячеек по горизонтали или по вертикали в одну. Данная возможность реализуется с помощью параметров COLSPAN (COLunm SPANning) и ROWSPAN (ROW SPANning), задаваемых в кодах <TD> или <TH>. Форма записи: COLSPAN=num, где num — числовое значение, определяющее, на сколько столбцов следует расширить текущую ячейку по горизонтали. Применение параметра ROWSPAN аналогично, только здесь указывается количество строк, которые должна захватить текущая ячейка по вертикали. По умолчанию для этих параметров устанавливается значение, равное единице. Допустимо одновременное задание значений обоих параметров для одной ячейки. Правильная установка значений этих параметров может оказаться не очень простой задачей, тем более, что большинство HTML-редакторов позволяют визуально конструировать с последующей генерацией HTML-кодов лишь простейшие таблицы.

На рисунке показан пример отображения таблицы, полученный по следующему HTML-коду:

<HTML>

<HEAD>

<TITLE>Использование параметров COLSPAN и ROWSPAN</TITLE>

</HEAD>

<BODY>

<TABLE BORDER>

<TR>

<TD ROWSPAN=2> Ячейка, захватывающая 2 строки </TD>

<TD COLSPAN=2> Ячейка захватывающая 2 столбца </TD>

</TR>

<TR>

<TD>Ячейка 3</TD>

<TD>Ячейка 4</TD>

</TR>

<TR>

<TD>Ячейка 5</TD>

<TD>Ячейка 6</TD>

<TD>Ячейка 7</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Ячейка, захватывающая 2 строки	Ячейка захватывающая 2 столбца
Ячейка 3	Ячейка 4
Ячейка 5	Ячейка 6	Ячейка 7

Ход работы

1. Создать HTML-файл на основе примеров приведенных в теоретической части и разобраться, как они работают.

2. Создать HTML-файл, в котором создать таблицы следующего вида:

Таблица 1

Код	Фамилия	Имя	Отчество	Год рождения	Факультет	Группа
	Иванникова	Анна	Ивановна		ЭФ
	Баранова	Ирина	Алексеевна		ФИТР