Создание фреймов


Для создания фрейма используется тег FRAMESET, который заменяет тег BODY в документе и используется для разделения экрана на области. Внутри данного тега находятся теги FRAME, которые указывают на HTML-документ, предназначенный для загрузки в область (рис. 1).

MENU CONTENT
Рис. 1. Пример разделения окна браузера на фреймы

Для размещения фреймов, как показано на рис. 1 код будет следующий.

Пример 1. Создание двух фреймов
<frameset cols="200,*">
 <frame src=menu.html name=MENU>
 <frame src=content.html name=CONTENT>
</frameset>

Окно браузера разбивается на две колонки, левая занимает 200 пикселов, а правая — оставшееся пространство заданное символом звездочки. Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие таблиц.

В теге FRAME задается имя HTML-файла, загружаемого в указанную область, с помощью параметра src. В левое окно будет загружен файл, названный menu.html, а в правое — content.html. Каждому фрейму желательно задать его уникальное имя, чтобы документы можно было загружать в указанное окно.

TOP
MENU CONTENT
Рис. 2. Пример разделения окна браузера на фреймы

Если нужна более сложная структура фреймов, например, как показано на рис. 2, теги FRAMESET можно вкладывать один в другой.

Пример 2. Создание трех фреймов
<frameset rows="10%,90%">
 <frame src="top.html" name="TOP">
 <frameset cols="200,*">
  <frame src="menu.html" name="MENU">
  <frame src="content.html" name="CONTENT">
 </frameset>
</frameset>

Первый тег FRAMESET разбивает окно браузера на две строки шириной 10 и 90 процентов. А следующий, вложенный — создает две колонки, как и в примере 1.



Предыдущая статья     Следующая статья     Список статей