Документ может содержать произвольное число таблиц, причем допускается вложение таблиц друг в друга.
<TABLE> - тэг объявления таблицы. </TABLE> - закрывающий тэг таблицы. Внутри этой пары тэгов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.
<TR> - тэг начала новой строки в таблице, </TR> - тэг окончания строки в таблице.
<TD> - тэг начала новой ячейки в таблице, </TD> - закрывающий тэг ячейки.
<TH> - тэг ячейки заголовка, </TH> - закрывающий тэг ячейки заголовка. Содержимое этих ячеек отображается полужирным шрифтом и располагается по центру ячейки.
<CAPTION> - тэг заголовка таблицы. </CAPTION> - закрывающий тэг заголовка. Этот тэг должен располагаться после тэга <TABLE> до первого тэга <TR>.
Заголовок будет расположен под таблицей с выравниванием влево.
Атрибут
Назначение
BORDER=число
Управляет изображением рамки вокруг каждой ячейки. По умолчанию рамки не рисуются. Число определяет толщину рамки в пикселях.
CELLSPACING=число
Определяет расстояние между смежными ячейками (рамками ячеек) как по горизонтали, так и по вертикали в пикселях. По умолчанию значение принимается равным двум.
CELLPADDING=число
Определяет размер свободного пространства (отступ) между рамкой и данными внутри ячейки. По умолчанию значение принимается равным 1.
WIDTH=ширина
Ширина таблицы. Значение ширины задается в пикселях или процентах от всего размера окна.
HEIGHT=высота
Высота таблицы. Значение высоты задается в пикселях или процентах от всего размера окна.
ALIGN=значение
Определяет горизонтальное расположение таблицы в области просмотра и вариант обтекания таблицы текстом. Допустимые значения:
ALIGN=LEFT – выравнивание влево;
ALIGN=RIGHT – выравнивание вправо.
Чтобы расположить остальной текст ниже таблицы используется тег <BR CLEAR=ALL>
BGCOLOR=цвет
Цвет фона в таблице.
BORDERCOLOR=цвет
Цвет рамки.
BORDERCOLORLIGHT=цвет
Цвет левого и верхнего края рамки всей таблицы и правого и нижнего края каждой ячейки.
BORDERCOLORDARK=цвет
Цвет противоположных краев рамки.
FRAME=значение
Определяет прорисовку рамки вокруг таблицы. Возможные значения:
BOX или BORDER – рамка со всех четырех сторон;
ABOVE – рамка только с верхней стороны;
BELOW – рамка только снизу;
HSIDES – рамка сверху и снизу;
VSIDES – рамка справа и слева;
LHS – рамка слева;
RHS – рамка справа;
VOID – таблица без внешних рамок.
RULES=значение
Определяет прорисовку внутренних линий сетки таблицы. Возможны значения:
ALL – рисуются все внутренние лини;
GROUPS – рисуются только лини, разделяющие группы;
ROWS – рисуются линии, разделяющие строки;
COLS – рисуются линии, разделяющие столбцы;
NONE – внутренние линии не рисуются.
<TR><TD ALIGN=CENTER COLSPAN=2>Итог по продажам</TD><TD ALIGN=RIGHT> <B>7350</B></TD></TR>
</TABLE>
Для выравнивания содержимого всех ячеек текущей строки достаточно задать требуемые параметры в тэге <TR>. Для выравнивания содержимого внутри одного столбца предусмотрены специальные тэги <COL> и <COLGROUP>. Эти тэги должны располагаться сразу же за описанием тэга <TABLE> перед первым появлением тэга <TR>.
Атрибут
Назначение
SPAN=число
Определяет количество смежных столбцов, на которые распространяется действие выравнивания. Значение по умолчанию равно 1.
ALIGN=значение
Вариант выравнивания. Допустимые значения:
LEFT;
RIGHT;
CENTER
Атрибут
Назначение
SPAN=число
Определяет количество смежных столбцов, на которые распространяется действие выравнивания. Значение по умолчанию равно 1.
ALIGN=значение
Вариант выравнивания. Допустимые значения:
LEFT;
RIGHT;
CENTER.
VALIGN=значение
Выравнивание по вертикали. Возможные значения:
TOP;
MIDDLE;
BOTTOM.
Используя тэг COLGROUP можно преобразовать текст предыдущего примера следующим образом:
<TR><TD COLSPAN=2>Итог по продажам</TD><TD><B>7350</B></TD></TR>
</TABLE>
<TBODY> - выполняет логическую группировку данных. Может встречаться многократно в описании таблицы. Требует обязательного закрывающего тэга </TBODY>.
<THEAD> - тэг, используемый для описания верхнего колонтитула таблицы. Может встречаться в таблице не более одного раза. Часто используется при создании больших таблиц, выходящих за пределы одной страницы.
<TFOOD> - тэг, используемый для описания нижнего колонтитула таблицы. Может встречаться в таблице не более одного раза. Используется при создании больших таблиц, выходящих за пределы одной страницы.
Тэги <THEAD> и <TFOOD> не требуют обязательного закрывающего тэга.
Фреймы
Фреймы позволяют разбить окно просмотра на несколько прямоугольных подобластей, располагающихся рядом друг с другом. В каждую из подобластей можно загрузить отдельный HTML-документ, просмотр которого осуществляется независимо от других. Между фреймами можно организовать взаимодействие, которое заключается с том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.
Web-страницы, содержащие фреймы не содержат раздел BODY в своем HTML-коде. Этот раздел заменяется разделом FRAMESET.
Контейнер из тэгов <FRAMSET> и </FRAMESET> обрамляет каждый блок определений фрейма. Внутри контейнера <FRAMSET> могут содержаться только тэги <FRAME> и вложенные тэги <FRAMSET>.
Атрибут
Назначение
ROWS=«список_значений»
Строки фреймов. Задается в пикселях, процентах или относительных единицах.
COLS=«список_значений»
Столбцы фреймов. Задается в пикселях, процентах или относительных единицах.
BORDERCOLOR=цвет
Цвет рамки
BORDER=число
Толщина рамки
FRAMEBORDER= значение
Вывод объемной рамки Может принимать значения - yes/no
Если один из атрибутов ROWS или COLS опущен, то его значение принимается равным 100%.
Например:
Если необходимо разбить окно на два вертикальных фрейма шириной 40% и 60% от размеров окна и высотой 100%, то делается следующая запись тэга:
<FRAMESET COLS=40%,60%>
или
<FRAMESET COLS=40%,*>
При помощи (*) задаются значения в относительных единицах. (*) используется для пропорционального деления пространства в окне браузера. Каждая звездочка представляет собой одну часть целого. Складывая все значения чисел, стоящих у звездочек (если число опущено, то подразумевается единица), получим знаменатель дроби.
Например:
<FRAMESET ROWS=*,2*,3*>
Получим 1+2+3=6, т.е. знаменатель дроби равен 6. Окно будет разбито на три части, первая часть будет иметь высоту равную 1/6 от всей высоты окна, вторая – 2/3, третья – 3/6.
<FRAME> - определяет одиночный фрейм. Не имеет закрывающего тэга.
Атрибут
Назначение
SCR=URL-адрес
Адрес HTML-документа, который будет загружен изначально в данный фрейм.
NAME=имя_фрейма
Определяет имя фрейма, которое используют для ссылки к данному фрейму из другого фрейма.
MARGINWIDTH=значение
Определяет ширину полей фрейма слева и справа. Размер указывают в пикселях.
MARGINHEIGHT=значение
Определяет ширину полей фрейма сверху и снизу. Размер указывают в пикселях.
SCROLLING=значение
Отображение полос прокрутки. Возможны значения YES, NO, AUTO.
NORESIZE
Запрещает изменение размеров фрейма. Не требует никаких параметров.
<NOFRAME> - альтернативная информация для браузеров, которые не поддерживают фреймовую структуру HTML-документов. Браузеры с поддержкой фреймовой структуры проигнорируют всю информацию между этими тэгами. Закрывающий тэг обязателен.
Если необходимо создать вложенный фрейм, то вместо тэга FRAME создаем еще одну структуру FRAMESET и уже в ней описываем все необходимые фреймы.
Взаимодействие между фреймами заключается в возможности загрузки документов в выбранный фрейм по командам из другого фрейма. По умолчанию, если данный атрибут отсутствует, документ будет загружаться в текущий фрейм.
В документе, где описана структура фреймов, даем имя фрейма:
Например:
<frameset cols=130,*>
<frame src=fr2.html>
<frame src=fr3.html name=right>
</frameset>
В файле fr2.html, где находятся ссылки на другие документы, в тэг <A> добавляем атрибут TARGET. Этот атрибут может иметь следующие значения:
_blank – загружает указанный файл в новое окно;
_self – загружает указанный файл в тот же фрейм, из которого вызвана ссылка;
_top – загружает указанный файл в целое окно с разрушением фреймовой сетки.
Например:
<body>
<h1 align=center>Оглавление</h1>
<a href=links.html target=_top>Ссылки</a><br>
<a href=poems.html target=right>Стихи</a><br>
<a href=tabl.html target=_blank>Таблица</a><br>
</body>
В последнее время наблюдается отказ от использования фреймовой структуры в пользу использования механизмов CSS (Каскадные таблицы стилей).
<TABLE BORDER=1 CELLPADDING=4>
В документе, где описана структура фреймов, даем имя фрейма: