| |
Урок 7. Таблицы
Таблицы позволят Вам размещать тектв несколько колонок или ячеек. Также можно чередовать текст с рисунками получая обтекание текстом изображения.
Таблица начинается с тега <TABLE> и заканчивается соответственно
</TABLE>. Тег <TABLE> может включать несколько атрибутов:
ALIGN - Устанавливает расположение таблицы по отношению к полям документа.
Допустимые значения: ALIGN=LEFT, ALIGN=CENTER, ALIGN=RIGHT
WIDTH - Ширина таблицы. Ее можно задать в пикселах
(WIDTH= 150) или в процентах от ширины страницы (WIDTH=40%)
BORDER - Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (BORDER=3). Если атрибут не установлен, таблица
показывается без рамки
CELLPADDING - Устанавливает расстояние между рамкой ячейки и текстом в пикселах (CELLPADDING=5)
CELLSPACING - Устанавливает расстояние между рамками ячеек таблицы в пикселах (CELLSPACING=2)
Таблица может иметь заголовок <CAPTION> ... </CAPTION>, хотя
заголовок не является обязательным. Тег <CAPTION> может содержать атрибут
ALIGN. Допустимые значения: <CAPTION ALIGN=TOP> (заголовок будет
расположен над таблицей) и <CAPTION ALIGN=BOTTOM> (заголовок буден
расположен под таблицей).
Каждая строка таблицы начинается с тега <TR> и заканчивается тегом
</TR>. Тег <TR> может включать следующие атрибуты:
ALIGN - Вы уже знаете
VALIGN - Устанавливает вертикальное выравнивание текста в ячейках строки.
Допустимые значения: VALIGN=TOP (выравнивание по верхнему краю), VALIGN=MIDDLE
(выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).
Каждая ячейка таблицы начинается с тега <TD> и
заканчивается тегом </TD>. Тег <TD> может включать следующие
атрибуты:
NOWRAP - Содержимое ячейки показывается в одну строку.
COLSPAN - Устанавливает размер ячейки по горизонтали в столбцах таблицы.
ROWSPAN - Устанавливает размер ячейки по вертикали в строках таблицы.
ALIGN - Уже знаете.
VALIGN - Уже знаете.
WIDTH - Устанавливает ширину ячейки в пикселах.
HEIGHT - Устанавливает высоту ячейки в пикселах.
Любая ячейка таблицы может содержать в себе таблицу. Не стоит злоупотреблять
вложенностью таблиц.
Соберем все, что мы знаем о таблицах, в примере 8.
<html>
<head>
<title>Восьмой HTML-документ</title>
</head>
<body>
<H1 ALIGN=CENTER>Таблицы в HTML-документах</H1>
<TABLE BORDER=1>
<CAPTION>
Заголовок таблицы
</CAPTION>
<TR>
<TD>
Первая строка, первая колонка
</TD>
<TD>
Первая строка, вторая колонка
</TD>
</TR>
<TR>
<TD>
Вторая строка, первая колонка
</TD>
<TD>
Вторая строка, вторая колонка
</TD>
</TR>
</TABLE>
</body>
</html>
Урок 6
Содержание
  ЕСТЬ ВОПРОСЫ? ЗАХОДИТЕ НА HTML-ФОРУМ!
Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!
|
|
