Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 3:

Гипертекстовые ссылки

< Лекция 2 || Лекция 3: 1234 || Лекция 4 >

Фреймы HTML

Фреймы используются для разбивки окна браузера на несколько независимых частей, каждая из которых представляет собой отдельный HTML-документ. Наиболее частое применение фреймов - это отделение меню от основного информационного наполнения. Хотя фреймы достаточно удобная вещь, использование их не рекомендуется. Следует внимательно следить за тем, чтобы теги, формирующие фреймовую структуру, располагались вне тегов <body>, так как они не относятся к телу документа.

Набор вертикальных фреймов

Этот пример показывает, как создать набор вертикальных фреймов с тремя различными документами.

<html>

<frameset cols="50%,25%,25%">

<frame src="frame_1.htm">
<frame src="frame_2.htm">
<frame src="frame_3.htm">

</frameset>

</html>

Пример выполнения данного HTML-кода

Набор горизонтальных фреймов

Этот пример показывает, как создать набор горизонтальных фреймов с тремя различными документами.

<html>

<frameset rows="25%,50%,25%">

<frame src="frame_1.htm">
<frame src="frame_2.htm">
<frame src="frame_3.htm">

</frameset>

</html>

Пример выполнения данного HTML-кода

Теги для работы с фреймами

Тег <frameset> определяет, как разделить окно на фреймы. Каждый frameset определяет набор строк или столбцов. Значения rows/cols указывают величину области экрана, которую будут занимать каждая строка/столбец. Атрибут framespacing - определяет расстояние между фреймами в пикселах.

Тег <frameset> является контейнером для всех остальных тегов фреймов. Между начальным и конечным тэгами кроме элементов <frame> и <noframes> могут находиться другие элементы <frameset>. То есть элемент <frameset> поддерживает вложенные конструкции фреймов.

Тег <frame> определяет, какой документ HTML поместить в каждый фрейм. Тег <frame> имеет атрибут noresize="noresize", который запрещает изменять размер фрейма пользователю.

В примере ниже задана фреймовая структура с двумя столбцами. Для первого столбца задано 25% ширины окна браузера. Для второго фрейма задано 75% ширины окна браузера. В первый столбец помещается документ HTML "frame_1.htm", а во второй столбец помещается документ HTML "frame_2.htm":

<frameset cols="25%,75%">
   <frame src="frame_1.htm">
   <frame src="frame_2.htm">
</frameset>

Необходимо учитывать, что браузер может не поддерживать фреймы, в этом случае следует использовать тег <noframes>.

При использовании фреймов теги <body> </body> не используются. Однако, если добавить тег <noframes>, содержащий некоторый текст для браузеров, которые не поддерживают фреймы, необходимо будет поместить этот текст между тегами <body> </body>. Например,

<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_1.htm">
  <frame src="frame_2.htm">
  <frame src="frame_3.htm">

<noframes>
<body>Ваш браузер не поддерживает фреймы!</body>
</noframes>

</frameset>
</html>

Пример выполнения данного HTML-кода

< Лекция 2 || Лекция 3: 1234 || Лекция 4 >
Анна Королёва
Анна Королёва

Пожалуйста, уточните, кто автор курса Основы работы с HTML ?

Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Цагана Бадмаева
Цагана Бадмаева
Россия, РЭУ им.Плеханова
Rustam Asrankulov
Rustam Asrankulov
Россия