СТУДИЯ ландшафтного дизайна ЗЕЛЕНСТРОЙ - коломна- Прочие.

HTML - Учебники - Руководство по 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 ).

Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект &nbsp; (non-breaking space — неразрывающий пробел). Ячейка по-прежнему будет пустой, а рамка вокруг нее будет.

Любопытно отметить, что любая ячейка таблицы может содержать в себе другую таблицу.

Copyright © 2006-09.