Фреймы

Фреймы позволяют открыть в окне браузера не один, а одновременно несколько документов (WEB Страниц). Это свойство можно использовать для разных целей: Для того, чтобы браузер показал одновременно несколько документов, надо создать специальный фрейм-документ, в котором указывается, сколько документов откроется в окне браузера, сколько места будет занимать каждый, каким образом они будут располагаться относительно друг друга.
Посмотреть пример

  <html>
<head>
<title>Моя первая страница с фреймами</title>
</head>
<frameset rows="100,*,150">
<frame src="primer.html">
<frame src="stihi.html">
<frame src="photo.html">
</frameset>
</html>

И так теперь разбираем все по полочкам.
При помощи тега <frameset> и атрибута rows указываем браузеру что фреймы будут расположены горизонтально, атрибуту rows прописываем высоту каждого фрейма rows="100,*,150". Высота первого фрейма - 100 пикселей, третьего - 150, а второй занимает все оставшееся пространство по высоте, это указано таким значком (*).

Тэг <frame> с атрибутом src указывает браузеру какие документы будут загружены во фреймах. В выше изложенном примере в первом фрейме будет загружен - primer.html, второй фрейм займет документ stihi.html, а третий - photo.html.

Как видите в примере отсутствует обязательный тег body, дело в том, что фрейм-документ не содержит тэга body.

Для того чтоб фреймы располагались вертикально для тега <frameset> прописывается атрибут cols, который будет говорить браузеру, что фреймы будут располагаться вертикально.

Значения которые будут задаваться для атрибута cols, будут задавать не высоту, а ширину каждого фрейма: cols="200,*,200"

Ширина и высота для обоих атрибутов rows и cols может задаваться не только в пикселях, но и в процентах от общей высоты или ширины окна соответственно. В сумме обязательно это все должно равняться 100%.
rows="10%,80%,10%"
cols="25%,50%,25%"

  <html>
<head>
<title>Моя первая страница с фреймами</title>
</head>
<frameset cols="200,*,200">
<frame src="stihi.html">
<frame src="primer.html">
<frame src="photo.html">
</frameset>
</html>
    посмотреть

Атрибуты rows и cols использовать одновременно к одному тегу <frameset> не примирительно. Для использования атрибутов rows и cols в одном фрейм - документе следует ввести в документ еще один тег <frameset>.
Код такой конструкции будет выглядеть следующим образом:

Страница должна быть примерно такого плана.
 
   
<html>
<head>
<title>Моя первая страница с фреймами</title>
</head>
<frameset rows="100,*">
<frame src="logo.jpg">

<frameset cols="200,*">
<frame src="stihi.html">
<frame src="primer.html">
</frameset>


</frameset>
</html>
    посмотреть

При помощи атрибута rows для тега <frameset> были созданы два горизонтальных фрейма <frameset rows="100,*">, первый высотой 100 пикселей, а второй занял все оставшееся пространство. Первый фрейм оформляем как положено <frame src="logo.jpg">.
А второй горизонтальный фрейм при помощи атрибута cols тэга <frameset> поделили на два столбца первый шириной 200 пикселей, а второй занял все остальное пространство.

Страница должна получится примерно такая.
   
 
<html>
<head>
<title>Моя первая страница с фреймами</title>
</head>
<frameset cols="120,*">

<frameset rows="120,*">
<frame src="logo3.jpg">
<frame src="menu.html">
</frameset>

<frame src="primer.html">
</frameset>
</html>
    посмотреть

В данном примере при помощи атрибута cols тега <frameset> я создал два вертикальных фрейма <frameset cols="120,*">, первый фрейм занимает 120 пикселей, а второй все оставшееся пространство. Второй вертикальный фрейм содержит в себе документ primer.html, а первый вертикальный фрейм при помощи атрибута rows тега <frameset> разделил на два горизонтальных фрейма <frameset rows="120,*"> и поместил в них документы logo3.jpg и menu.html, соответственно.


Вернкться назад Перейти к следующей странице

2009 - 2018г. andron09_73@mail.ru