7.2. Таблицы
Тегом, который описывает таблицы есть тег <TABLE>. Все элементы таблицы должны находиться внутри тега <TABLE>. Тег имеет значительное количество атрибутов, в частности:
Атрибут ALIGN определяет способ выравнивания таблицы в документе.
Атрибут BORDER определяет вид границы таблицы, принимает числовые значения, которые определяют толщину границы.
Атрибут BGCOLOR задает фоновый цвет.
Атрибут BORDERCOLOR задает цвет рамки.
Атрибут CELLPADDING определяет расстояние границ ячейки к ее содержимому в пикселях.
Атрибут CELLSPACING определяет расстояние между ячейками в пикселях.
Атрибут HSPACE задает свободное пространство налево и справа от таблицы у пик селах.
Атрибут WIDTH определяет ширину таблицы в пикселях или в процентах к текущей ширине окна броузера.
Тег <CAPTION> ( от англ.. caption – надпись) используется для создания заголовка таблицы, имеет атрибут ALIGN, который определяет местоположение надписи и может принимать значения TOP – вверху или BOTTOM - внизу.
Для создания строк таблицы используется тег <TR> ( от англ. Table Row – строка таблицы). Количество строк определяется количеством контейнеров <TR> … </TR>. Тег имеет атрибуты ALIGN – выравнивание по горизонтали и VALIGN – выравнивание по вертикалу (возможны значения – TOP, BOTTOM) .
Создание ячеек таблицы выполняется с помощью тега <TD> ( от англ. Table Data – табличные данные). Ячейка может быть описана только внутри строки таблицы. Атрибут COLSPAN определяет, сколько ячеек будет объединено по горизонтали с данной ячейкой. Атрибут ROWSPAN определяет, сколько ячеек будет объединено по вертикали с данной ячейкой.
Пример таблицы:
Рисунок 7.4 – Пример таблицы
7.3.Фреймы
Фреймы используются для того, чтобы поделить страницу на несколько частей с целью структуризации информации. Тег <FRAMESET> разделяет страницу на части по горизонтали с помощью атрибуту ROWS или по вертикали с помощью атрибута COLS. Значение атрибутов ROWS и COLS можно определять в пикселях или процентах, звездочка отделяются одно от одного запятыми. Знак * (звездочка) определяет, что под фрейм выделяется все пространство, которое осталось.
Например,
<FRAMESET ROWS="20%, 30%, 50%">
<FRAMESET ROWS="200, 100, *">
<FRAMESET COLS="150, *">
Тег <FRAME> определяет содержимое фрейма. Атрибут SRC задает имя файла, который загружается в фрейм.
В случае, когда документ делится на фреймы, тег <BODY> не применяется, в документе нет информации, кроме описания состава частей – фреймов. Данные, которые отображаются в фреймах описываются в отдельных Html-Документах.
Рисунок 7.5 – Пример создания фреймов
При работе с фреймами существует также возможность одного из фреймов управлять выводом информации в другом фрейме. Для этого фрейма, в котором меняется информация, в теге <FRAME> с помощью атрибута NAME нужно присвоить имя. Атрибут TARGET предоставляет возможность обратиться к фрейму за определенным именем.
В примере на рисунке 3.6 в левом фрейме отображается файл с гиперссылками, обращения по которым меняет содержимое в правом фрейме.
Рисунок 7.6 – Пример управления выводом информации в фреймах
Файл, который распределяет окно браузера на два фрейма, будет таким:
