Портфолио Карта сайта Глоссарий
Вакансии



Таблицы в HTML

СтатьиПрограммирование

Для чего нужны таблицы?

На этот вопрос есть очевидный ответ: таблицы нужны для представления информации в табличном виде. Есть, однако, и менее очевидные ответы.

До настоящего времени мы имели дело с документами, в которых существовал только один «поток» текста. На практике иногда очень хочется расположить текст в несколько колонок. Таблица может в этом помочь.

Кроме того, таблица, состоящая из одной ячейки, может очень эффектно выделить фрагмент текста, на который Вы хотите обратить внимание читателя.

Как устроена таблица
В устройстве таблицы легче всего разобраться на простом примере.

<HTML>
<HEAD>
<TITLE>Пример</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 (выравнивание вправо).
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 — неразрывающий пробел). Ячейка по-прежнему будет пустой, а рамка вокруг нее будет.

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

Автор: Exact
http://rusforumz.com/


12.11.2007

Copyright © 2005—2007 "Satellitov.net" & Crash
Материалы для раздела "Новости" предоставлены Компьюлентой