Простая фреймовая структура
Создадим документ, который разбивает область экрана на две части. Левая часть содержит оглавление разделов документа, который располагает в правой части. При выборе пункта оглавления в левой части появляется соответствующий раздел документа в правой части. Разделим область экрана на два фрейма. Пусть левый фрейм занимает 25% ширины всего окна и будет содержать оглавление разделов документа, который будет загружен в правый фрейм. Пусть имя файла, содержащего оглавление contents0.htm, имя документа – ch.htm. Фреймовая структура задает способ организации экрана и определяет, какие документы должны быть первоначально загружены во фреймы. Создать описанную фреймовую структуру можно, если использовать документ, содержащий следующий HTML- код, представленный в листинге.
Листинг: Создание простой фреймовой структуры
<html>
<head>
<title> простая фреймовая структура </title>
</head>
<frameset cols=”25%,75%”>
<frame src=contens0.htm name=left>
<frame src=ch.htm name=right>
</frameset>
</html>
Связь между фреймами и документами для описанного примера изображена нарисунке 1.
Html-документ может содержать внутренние ссылки. Для этого необходимо внутри документа поставить метки, на которые впоследствии можно будет вернуться. Для установки метки используют следующий тег <A name=chapter_1> </A>.Переход по ссылке задают следующим образом:
<A href= “#chapter_1”>Переход к метке</A>
HTML-код документа, представляющего оглавление, которое загружается в левый фрейм, показан в листинге:
<html>
<head>
<title> Ссылки внутри документа </title>
</head>
<body>
<h4 align=center> Выравнивание</h4>
<a href = “ch.htm#chapter_1” target=right> Переход к метке 1 </a><br>
<a href = “ch.htm#chapter_2” target=right> Переход к метке 2 </A><br>
<a href = “ch.htm#chapter_3” target=right> Переход к метке 3 </a><br>
<a href = “ch.htm#chapter_4” target=right> Переход к метке 4</a><br>
</body>
</html>
Ссылка устанавливается на соответствующий раздел документа заданием параметра href=“ch.htm#chapter_1”. К каждому из частей осуществляется переход по ссылке из оглавления, расположенного в левом фрейме.
Параметр target определяет имя фрейма, в который загружается документ, на который установлена ссылка. В рассматриваемом случае это фрейм с именем right. По умолчанию или при отсутствии параметра target документ загружается в текущий фрейм или окно.
Для всех ссылок в документе с именем contents.htm указанно одинаковое значение параметра target. Если все документы, загружаемые по ссылкам, должны загружаться в один и тот же фрейм, можно задать параметр target в теге <BASE>. В этом случае HTML – код файла, содержащего оглавление, можно описать так, как показано в листинге.
<html>
<head><title> Ссылки внутри документа </title>
</head>
<body>
<base target=right >
<a name=chapter_0> </a>
<h4 align=center>Выравнивание</h4>
<a href = “ch.htm#chapter_1”> Переход к метке 1 </a><br>
<a href = “ch.htm#chapter_2”> Переход к метке 2 </a><br>
<a href = “ch.htm#chapter_3”> Переход к метке 3 </a><br>
<a href = “ch.htm#chapter_4”> Переход к метке 4 </a><br>
</body>
</html>