На этот вопрос есть очевидный ответ: таблицы нужны для представления информации
в табличном виде. Есть, однако, и менее очевидные ответы.
До настоящего времени мы имели дело с документами, в которых существовал
только один "поток" текста. На практике иногда очень хочется расположить
текст в несколько колонок. Таблица может в этом помочь.
Кроме того, таблица, состоящая из одной ячейки, может очень эффектно
выделить фрагмент текста, на который Вы хотите обратить внимание читателя.
Как устроена таблица
В устройстве таблицы легче всего разобраться на простом примере.
<HTML> <HEAD> <TITLE>Пример 10</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(выравнивание
вправо).
WIDTH
Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400)
или в процентах от ширины страницы (например, WIDTH=80%).
BORDER
Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например,
BORDER=4). Если атрибут не установлен, таблица показывается без
рамки.
CELLSPACING
Устанавливает расстояние между рамками ячеек таблицы в пикселах (например,
CELLSPACING=2).
CELLPADDING
Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например,
CELLPADDING=10).
Таблица может иметь заголовок (<CAPTION> ... </CAPTION>),
хотя заголовок не является обязательным. Метка <CAPTION> может
включать атрибут ALIGN. Допустимые значения: <CAPTION ALIGN=TOP>
(заголовок помещается над таблицей) и <CAPTION ALIGN=BOTTOM>
(заголовок помещается под таблицей).
Каждая строка таблицы начинается с метки <TR>
и заканчивается меткой </TR>. Метка <TR> может
включать следующие атрибуты:
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).
Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста,
а рамка нужна, в ячейку можно ввести символьный объект
(non-breaking space — неразрывающий пробел). Ячейка по-прежнему будет пустой,
а рамка вокруг нее будет.
Любопытно отметить, что любая ячейка таблицы может содержать в себе
другую таблицу.
