Фреймы (от англ. frame - кадр) или области нужны для удобства навигации. Сейчас на Вашем экране 3 фрейма: верхний, в котором находится главне меню; левый, в котором находится подменю раздела "Язык HTML"; и правый, где открываются разделы, перечисленные в меню.
Рассмотрим объекты, при помощи которых окно делится на фреймы.
<frameset> </frameset> | деление окна на области (фреймы) |
<frame> | Описание фрейма, т.е. загрузка какого-то html-файла в данный фрейм |
cols="200,*,200" | Делит окно вертикально на 3 фрейма. В кавычках указываются размеры фреймов: левый - 200px, правый - 200px, центральный - всё оставшееся в окне место. Сколько будет цифр в кавычках через запятую, столько фреймов и получится. Размеры фреймов можно указывать в процентах от размера окна. |
rows="150,*" | Делит окно горизонтально на 2 фрейма. Размеры: верхний - 150px, нижний все оставшееся в окне место. |
border="5" | Размер бордюра между фреймами. Если в кавычках будет 0, то бордюр будет невидимым. |
src="menu.html" * | Загружает во фрейм файл "menu.html". |
name="frame1" * | Присваивает фрейму имя, которое указывается в ссылках (т.е. в каком фрейме откыть страницу, на которую осуществляется переход). |
noresize | Запрещает пользователю менять размер фрейма. По умолчанию размер фрейма менять можно. |
scrolling="auto" | Описывает появление во фрейме появление полосы прокрутки. Имеет 3 значения: no - полосы прокрутки не будет; yes - полоса прокрутки будет, auto - автоматически будет появляться в случае необходимости. |
marginwidth="5" | Боковые поля в данном фрейме, т.е. расстояние в пикселях от правого и левого краев окна до какого-либо объекта на странице, загруженной в данный фрейм. |
marginheight="5" | Верхнее и нижнее поля в данном фрейме, т.е. расстояние в пикселях от верхнего и нижнего краев окна до какого-либо объекта на странице, загруженной в данный фрейм. |
Для примера разделим окно на 4 фрейма. Но для этого нам понадобится
ещё 4 файла, которые мы будем загружать в эти фреймы: "menu.html", "menu2.html", "main.html", "welcome.html"
(они могут быть совершенно пустыми).
<html>
<head> <title>Фреймы</title> </head> <frameset cols="200,*,200" border="5"> <frame src="menu.html" name="frame1"> <frameset rows="150,*" border="5"> <frame src="welcome.html" name="frame2"> <frame src="main.html" name="frame3"> </frameset> <frame src="menu2.html" name="frame4"> </frameset> <body></body> </html> |