Пример 2 фрейма
Фреймы
Часто возникает необходимость разместить в окне браузера несколько разделов или окон, называемых фреймами.
В каждом фрейме размещается свой документ HTML. Например, в одном фрейме можно разместить ссылки на документы, которые должны показываться в другом фрейме. Фреймы могут работать независимо, а также содержать ссылки друг на друга.
При использовании фреймов потребуется нескольно HTML-файлов (минимум три). Один из них называется установочным. В нем описывается расположение (раскладка) фреймов, но нет собственного текста и графики.
Установочный файл, как и любой другой, начинается с тега <HTML> и заканчивается </HTML>. Для разделения окна на несколько фреймов используются теги <frameset> и </frameset>. Они должны быть размещены после тега </head>, но перед тегом <body>.
Для задания способов расположения фреймов друг относительно друга используются атрибуты:
cols – если фреймы расположены рядом,
rows – если фреймы расположены друг над другом.
|
|
Чтобы разделить на несколько фреймов окно, указывают через запятую числа (их количество определяет число фреймов). Размеры фреймов измеряются в пикселах или процентах. Еще можно использовать оставшееся место (символ *).
Примеры:
<frameset cols="50,*"> деление окна на 2 вертикальных фрейма
<frameset rows="20%,30%,*"> деление окна на 3 горизонтальных фрейма высотой 20%, 30% и 50%
Можно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением фреймов <frameset> друг в друга.
После задания расположения фреймов следует указать для каждого из них исходный html–файл. Для этого служит тег <frame>, имеющий множество атрибутов:
src="имя_файла" name=" имя_фрейма " – каждый фрейм должен иметь имя, упомянутое в атрибуте name, и к нему должен быть привязан html–файл, заданный в атрибуте src;
scrolling=" yes/NO" – будет ли присутствовать в окне фрейма полоса прокрутки;
noresize – запрещает пользователю изменять размеры фреймов;
border="ширина_полосы" – определяет ширину разделительной полосы между фреймами в пикселях;
bordercolor="цвет_полосы" – определяет цвет разделительной полосы между фреймами (16-ричный код или имя цвета)
и др.
Так как фреймы поддерживаются не всеми браузерами, необходимо использовать тег <noframes>.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
</head>
<frameset cols="80,*" frameborder="yes" border="5" bordercolor="blue" framespacing="5">
<frame name="leftFrame" scrolling="NO" noresize src="lev.htm">
<frame name="mainFrame" src="prav.htm">
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000">
Для просмотра необходим браузер, поддерживающий фреймы
</body></noframes>
</html>