Фреймы
Вопрос:
Для задания нескольких фреймов в несколько строк вкладывают парные теги <frameset> друг в друга. К примеру в первом фрейме задаётся количество разбиений по вертикали, а во втором - по строкам. Пример:
- Фреймы. Набор фреймов, целевой фрейм по умолчанию, «плавающие» фреймы.
Создание фрейма
Для создания фрейма используется парный тег <frameset>, заменяющий тег <body>.
Атрибуты:
rows - задаёт количество фреймов по вертикали
cols - задаёт количество фреймов по горизонталиКоличество фреймов задаётся путём перечисления их размеров через запятую.
Загружаемые HTML-документы указываются в одиночном теге <frame> следующими атрибутами:
src - путь к html-документуname - имя документаnoresize - указывает на то, что размер фрейма не может быть изменён пользователем scrilling - указывает присуствует ли вертикальная полоса прокрутки в фреймеframeborder - размер границ областей в которых отображаются HTML-документы
Для задания нескольких фреймов в несколько строк вкладывают парные теги <frameset> друг в друга. К примеру в первом фрейме задаётся количество разбиений по вертикали, а во втором - по строкам. Пример:
<html><head> <title>Лабораторная работа №5</title></head>Файл меню содержит следующий HTML-код:
<frameset cols="234, *" > <!-- Здесь указано, что фрейм делится на две части (два столбца), первая из которых занимает 234 пикселя, а второй - всю оставшуюся часть-->
<frame src=menu.html frameborder=5 width=235 noresize> <!-- определяется левая область (левый столбец), которая будет отображать меню-->
<frameset rows="100, *" > <!-- Здесь указано, что фрейм делится на две части, первая из которых занимает 100 пикселей, а второй - всю оставшуюся часть-->
<frame src="1.htm" name="1" frameborder=1> <!-- определяется верхняя область правого столбца, которая будет отображать содержимое документа 1.htm-->
<frame src="2.htm" name="2" frameborder=1> <!-- определяется нижняя область правого столбца, которая будет отображать содержимое документа 2.htm-->
</frameset></frameset></html>
<html> <head> <style type="text/css"> a { text-decoration:none;} </style> </head><body><table width=211 cellspacing=0><tr height=25><td background="images/fon.jpg"><a href="lab1.html" target="2"><pre> Лаба#1</pre> </a><td></tr><tr height=25><td background="images/fon.jpg"><a href="lab2.html" target="2"><pre> Лаба#2</pre></a><td></tr><tr height=25><td background="images/fon.jpg"><a href="lab3.html" target="2"><pre> Лаба#3</pre></a><td></tr><tr height=25><td background="images/fon.jpg"><a href="anketa.htm" target="2"><pre> Лаба#4</pre></a><td></tr></table></body></html>
Как видно, в ссылках присутствует атрибут target, который указывает на то, что соответствующие html-документы должны быть открыты в области 2. Если данный атрибут будет отсутствовать, тогда html-документы будут открываться в области с меню.
Comments
Post a Comment