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