- •Оглавление
- •1.Что такое html
- •2.Минимальные требования к html документу
- •3.Элементы заголовка.
- •4.Элемент body
- •6.Специальные символы
- •7.Списки
- •Нумерованный (упорядоченный) список
- •Маркерованный (неупорядоченный) список
- •Список определений
- •8.Форматирование текста
- •Задание характеристик шрифта
- •9.Отображение графики в документе
- •10.Таблицы
- •11. Фреймы
- •Структура фреймовой конструкции
- •Имена фреймов
- •Документ без фреймов
11. Фреймы
Фреймы позволяют разбивать окно броузера на независимые области просмотра, каждая из которых представляет собой полный HTML-документ.
Каждое окно фрейма может обладать следующими свойствами:
Каждый фрейм должен иметь свой URL, позволяющий загружать его независимо.
Каждый фрейм должен иметь свое имя для перехода к нему из другого фрейма.
Размер фрейма можно менять на экране.
Применение фреймов позволяет принимать следующие интерфейсные решения:
Размещение статической информации, которую автор хочет показывать пользователю постоянно, в одном статическом фрейме (например, набор управляющих кнопок).
В статическом фрейме помещается оглавление Web-документа (находящееся на сервере).
Создание окон результатов запросов, т.е. в одном фрейме - запрос, в другом - результат.
Структура фреймовой конструкции
Определение содержимого фрейма начинается с тэга FRAMESET. В его области действия с помощью тэга FRAME определяются другие фреймы. Тэг FRAMESET - это контейнер, поэтому он должен иметь закрывающий тэг </FRAMESET>. А тэг FRAME не требует закрывающего тега </FRAME>, поскольку не является контейнером.
Таким образом файл фрейма имеет следующую структуру : <HTML> <HEAD>...</HEAD> <FRAMESET> <FRAME> <FRAME>... </FRAMESET> </HTML>
В данной таблице представлены атрибуты тэга FRAMESET.
Атрибуты элемента FRAMESET |
|
Атрибут |
Действие |
COLS=column_widths |
Создает фреймы в виде колонок (делит экран по вертикали). Ширина колонок может выражаться в пикселях, процентах или относительных единицах. |
ROWS=rows_widths |
Создает фреймы в виде строк (делит экран по горизонтали). Высота строк может выражаться в пикселях, процентах или в относительных единицах. |
FRAMEBORDER=10 |
Если задано значение 1, то на экране отображается объемная рамка, 0 обозначает отсутствие рамки. |
FRAMESPACING=spacing in pixels |
Задает дополнительное пространство между рамками. |
Рассмотрим примеры задания атрибутов COLS и ROWS. Запись COLS="100,80" означает, что будут созданы два фрейма в виде колонок шириной 100 и 80 пикселей. COLS="30%,70%" означает, что ширина первого фрейма составляет 30% от области окна, а ширина второго - соответственно, 70%. ROWS="100,*" - будут созданы два фрейма в виде строк, первый высотой 100 пикселей, а высота второго равна оставшемуся числу пикселей от высоты окна.
Как мы уже говорили,для описания фрейма используется тэг FRAME. Рассмотрим атрибуты данного тэга.
Атрибуты элемента FRAME |
|
Атрибут |
Действие |
ALIGN=align-type |
Тип выравнивания во фрейме. Может принимать значения TOP,CENTER,BOTTOM,LEFT или RIGHT. |
FRAMEBORDER=1 или 0 |
Если задано значение 1, то на экране отображается объемная рамка, 0 обозначает отсутствие рамки. |
NAME=name |
Имя фрейма. Используется как значение атрибута TARGET при загрузке документов в определенный фрейм. |
NORESIZE |
Запрещение на изменение пользователем размеров окна. |
SCROLLING=yes или no |
Если равно yes, то линии прокрутки становятся доступными. |
SRC=url |
Адрес документа, загружаемого во фрейм. |
Рассмотрим пример.
<HTML> <HEAD> <Title>Современный HTML</Title> </HEAD> <frameset cols="3*,6*" border=0> <frame SRC="ModernHtml\ModernHTMLMenu.htm" name="menu"> <frame SRC="ModernHtml\Modern2.htm" name="text"> </frameset> </HTML>
Данный пример в действии вы сейчас наблюдаете на экране.
В приведенном примере каждый тэг фрейма имеет атрибут NAME. С помощью этого атрибута задается имя фрейма, которое может быть использовано в гиперссылках для указания фрейма, в который должен быть загружен новый документ.
Пример обращения из гиперссылок к определенному окну фрейма.
<A href="fileframe.html" target="frame1"> Маршрутизатор </A> В результате выполнения данного примера файл fileframe.html будет загружен в окно фрейма с именем frame1.