Таблицы в HTML

Для чего нужны таблицы?

На этот вопрос есть очевидный ответ: таблицы нужны для представления информации в табличном виде. Есть, однако, и менее очевидные ответы.

До настоящего времени мы имели дело с документами, в которых существовал только один "поток" текста. На практике иногда очень хочется расположить текст в несколько колонок. Таблица может в этом помочь.

Кроме того, таблица, состоящая из одной ячейки, может очень эффектно выделить фрагмент текста, на который Вы хотите обратить внимание читателя.

В устройстве таблицы легче всего разобраться на простом примере.

<HTML> 
<HEAD> 
<TITLE>Пример</TITLE> 
</HEAD> 
<H1>Простейшая таблица </H1> 
<TABLE BORDER=1> <!--Начало таблицы--> 
<CAPTION>        <!--Заголовок таблицы--> 
Именно здесь вы и пишете заголовок таблицы 
</CAPTION> 
<TR>             <!--Начало первой строки--> 
<TD>             <!--Начало первой ячейки--> 
Первая строка, первая колонка 
</TD>            <!--Конец первой ячейки--> 
<TD>             <!--Начало второй ячейки--> 
Первая строка, вторая колонка 
</TD>            <!--Конец второй ячейки--> 
</TR>            <!--Конец первой строки--> 
<TR>             <!--Начало второй строки--> 
<TD>             <!--Начало первой ячейки--> 
Вторая строка, первая колонка 
</TD>            <!--Конец первой ячейки--> 
<TD>             <!--Начало второй ячейки--> 
Вторая строка, вторая колонка 
</TD>            <!--Конец второй ячейки--> 
</TR>            <!--Конец второй строки--> 
</TABLE>         <!--Конец таблицы--> 
</BODY> 
</HTML>

Таблица начинается с тэга <TABLE> и заканчивается тэгом </TABLE>. У тэга <TABLE> существует несколько атрибутов:

ALIGN

Устанавливает выравнивание текста в ячейках строки. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).

VALIGN

Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: VALIGN=TOP (выравнивание по верхнему краю), VALIGN=MIDDLE (выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).

Каждая ячейка таблицы начинается с метки <TD> и заканчивается меткой </TD>. Метка <TD> может включать следующие атрибуты:

NOWRAP

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

COLSPAN

Устанавливает ширину ячейки. Например, COLSPAN=3 означает, что ячейка простирается на три колонки.

ROWSPAN

Устанавливает высоту ячейки. Например, ROWSPAN=2 означает, что ячейка занимает две строки.

ALIGN

Устанавливает выравнивание текста в ячейке. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).

VALIGN

Устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: VALIGN=TOP (выравнивание по верхнему краю), VALIGN=MIDDLE (выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).

WIDTH

Устанавливает ширину ячейки в пикселах (например, WIDTH=200).

HEIGHT

Устанавливает высоту ячейки в пикселах (например, HEIGHT=40).

Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект &nbsp; (non-breaking space — неразрывающий пробел). Ячейка по-прежнему будет пустой, а рамка вокруг нее будет.

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