Для чего нужны таблицы?
На этот вопрос есть очевидный ответ: таблицы нужны для
представления информации в табличном виде. Есть, однако, и менее очевидные
ответы.
До настоящего времени мы имели дело с документами, в
которых существовал только один "поток" текста. На практике
иногда очень хочется расположить текст в несколько колонок. Таблица может
в этом помочь.
Кроме того, таблица, состоящая из одной ячейки, может
очень эффектно выделить фрагмент текста, на который Вы хотите обратить
внимание читателя.
Как устроена таблица
В устройстве таблицы легче всего разобраться на простом
примере.
<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 — неразрывающий пробел). Ячейка
по-прежнему будет пустой, а рамка вокруг нее будет.
Любопытно отметить, что любая ячейка таблицы может содержать
в себе другую таблицу.
[
| | ]