Главная Учебники по HTML и CSS Статьи про Html Шаблоны сайтов Про Хостинг Заработок Продвижение
Практическое руководство по HTML
Глава 7. Таблицы
Для чего нужны таблицы?
На этот вопрос есть очевидный ответ: таблицы нужны для представления информации в табличном виде. Есть, однако, и менее очевидные ответы. До настоящего времени мы имели дело с документами, в которых существовал только один "поток"текста. На практике иногда очень хочется расположить текст в несколько колонок. Таблица может в этом помочь. Кроме того, таблица, состоящая из одной ячейки, может очень эффектно выделить фрагмент текста, на который Вы хотите обратить внимание читателя
Как устроена таблица
В устройстве таблицы легче всего разобраться на простом примере
| Первая строка, первая колонка | Первая строка, вторая колонка |
| Вторая строка, первая колонка | Вторая строка, вторая колонка |
Таблица начинается с метк <TABLE> и заканчивается метко </TABLE> . Метк <TABLE> может включать несколько атрибутов:
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=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 ).
Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объек   (пробел в HTML); (non-breaking space — неразрывающий пробел). Ячейка по-прежнему будет пустой, а рамка вокруг нее будет. Любопытно отметить, что любая ячейка таблицы может содержать в себе другую таблицу.
Пример:
Вот что получилось:
К предыдущей главе| К оглавлению|К следующей главе
Николай Чувахин, адрес электронной почты nc@iname.com , сервер Интернет http://www.yi.com/home/ChuvakhinNikolai/ .