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