|
Практическое руководство по HTML
Глава 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 — неразрывающий пробел). Ячейка по-прежнему будет пустой, а
рамка вокруг нее будет.
Любопытно отметить, что
любая ячейка таблицы может содержать в себе другую таблицу.
[
К следующей главе
| К оглавлению | К предыдущей главе ]
Оглавление
|
