Разработка INTRANET приложений



Описание таблиц


Таблица представляет собой расположенную на HTML-странице прямоугольную сетку строк и столбцов, в которую можно вводить разнообразную информацию, включая текст, числа, связи и даже изображения. Общий формат описания таблицы следующий:

<TABLE> Контейнер таблицы <CAPTION> Контейнер заголовка таблицы Заголовок таблицы </CAPTION> <TR> Контейнер строки таблицы <TH>Заголовок 1-го столбца</TH> Контейнеры заголовков столбцов <TH>Заголовок 2-го столбца</TH> . . . </TR> <TR> <TD>Первая ячейка</TD> Контейнеры ячеек <TD>Вторая ячейка</TD> . . . </TR> . . . </TABLE>

Все описание таблицы размещается в контейнере TABLE. Чтобы показать в таблице рамку применяют атрибут BORDER тега <TABLE>. Дополнительно задается заголовок таблицы - контейнер CAPTION:

<CAPTIONALIGN=выравнивание>Заголовок таблицы</CAPTION>

где выравнивание принимает значения: TOP - вверху, BOTTOM - внизу.

Таблица определяется по строкам с помощью контейнера TR, в который вложены контейнеры ячеек TD, разделенные по столбцам.

При этом в контейнере ячейки можно помещать не только текст, но и метки для форматирования текста (например, <B> или <I>), списки и даже изображения, а также вложенные таблицы.

<TABLE> <TR> <TD>One <TD><IMGSRC="picture.jpg" ALT=" "> <TD><FONTSIZE=5>W<FONTSIZE=3>Three </TR> </TABLE>

Обратите внимание, что в таблицах допускается смешивать текст и графику. Закрывающие теги </TR> и </TD> можно опускать.

Стандартным выравниваем ячеек таблицы является выравнивание влево ячеек с данными и центрирование ячеек надписей.

Кроме этого, внутри тегов <TD> и <TH> можно осуществлять выравнивание с помощью атрибута ALIGN со значениями: LEFT (влево), RIGHT (вправо) или CENTER (центрировать).

Кроме горизонтального выравнивания в клетках таблиц можно применять и вертикальное выравнивание текста. В этом случае в тегах <TD> и <TH> применяется атрибут VALIGN с выравниванием по верху (TOP), по низу (BOTTOM) и выравниванием по средине (MIDDLE).

Для перекрытия текстом нескольких строк или столбцов внутри тегов <TD> и <TH> используются специальные атрибуты: COLSPAN=m для перекрытия нескольких колонок (где m - число колонок), и ROWSPAN=n для перекрытия нескольких столбцов (где n - число столбцов).

Таблицы служат хорошим инструментом для упорядочения информации на Web-странице.




Содержание  Назад  Вперед