Баст      БАСТ                  Дополнение 1
 
Главная страница
Краткий курс по созданию сайтов
Урок №1
Урок №2
Урок №3
Урок №4
Урок №5
Урок №6
Урок №7
Урок №8
Урок №9
Урок №10
Урок №11
Урок №12
Урок №13
Урок №14
Урок №15
Урок №16
Урок №17
Урок №18
Урок №19
Урок №20
Урок №21
Урок №22
Урок №23
 

Урок №21

Фреймы

     Окно браузера можно разбить на несколько подокон (фреймов). Каждое подокно отображает отдельный HTML-файл. Не все браузеры отображают фреймы. Например, Netscape игнорирует их.

     Если вы будете создавать сайт на НАРОДе, то прочитайте все инструкции по созданию фреймов. Яндекс запрещает включать свои файлы во фремы вашего сайта.

     Фреймы задаются тегами <frameset> и </frameset>. Любой фрейм может быть разбит на отдельные фреймы дополнительно.

Атрибуты:

  • cols=n | n%, n | n%, ... - количество и ширина столбцов. Каждый отдельный фрейм (в виде вертикальной полосы) отделяется запятой. Далее каждый фрейм описывается тегом <frame>.
  • rows=n | n%, n | n%, ... - количество и высота строк. Фреймы - горизонтальные полосы. Далее каждый фрейм описывается тегом <frame>.

Описание фрейма

     Для описания отдельного фрейма используют дескриптор <frame> без концевого тега.

Атрибуты:

  • frameborder=0 | 1 - показ или скрытие границ фрейма.
  • marginheight=n - расстояние между содержимым фрейма и верхним и нижним краями.
  • marginwidth=n - расстояние между содержимым фрейма и левым и правым краями.
  • name="имя" - имя фрейма. По имени к фрейму можно обращаться из другого фрейма или окна. Несколько имен зарезервированы. Основные указаны ниже:
    • name="_blank" - отображает документ в новом окне.
    • name="_self" - отображает документ в том же окне, в котором находится текущий HTML-документ.
    • name="_parent" - отображает документ во фрейме, стоящему выше в иерархии.
  • noresize - запрещение изменения размера пользователем.
  • scrolling=yes | no | auto - показ или скрытие полос прокрутки. (Соответственно, ДА | НЕТ | АВТО).
  • src="URL" - HTML-документ данного фрейма.

     Для браузеров, которые не способны отображать фреймы, создают вторую часть документа, заключенную между тегами <noframes> и </noframes>. Браузеры, которые способны отображать фреймы, игнорируют эти дескрипторы.

Примеры

     Описание фреймов лишь размечает подокна, на которые делится основное окно, и указывает файлы HTML-документов, которые появляются в подокнах. Следовательно, необходимо создать файл с фреймами и примеры документов, которые будут отображаться во фреймах.

Создаем три файла:

Файл №1 - файл с фреймами (fr.html);
<html>
<frameset cols=30%, 70%>
<frame name="left" scrolling=no src="fr_1.html">
<frame name="right" src="fr_2.html">
</frameset>
</html>

Файл №2 - первый документ (fr_1.html);
<html>
<body>
Вызовите <a href=0.html target="right"> файл 0</a> в правом фрейме.<br>
Вызовите <a href=learn.html target="_blank"> пример </a> в новом окне.<br>
</body>
</html>

Файл №3 - второй документ (fr_2.html).
<html>
<body>
<p> Файл, который отображается в правом фрейме. </p>
</body>
</html>

     Посмотрим этот пример.

     Описание документов с горизонтальными фреймами не представляет трудности. Посмотрите другой пример такого документа.

Определение фрейма внутри HTML-документа

     Для описания фрейма внутри строки текста документа используют теги <ifram> и </ifram>. Атрибуты этого дескриптора указаны ниже:

  • align - выравнивание по горизонтали и вертикали.
  • frameborder - показ или скрытие границ фрейма.
  • height - высота фрейма.
  • marginheight - расстояние между содержимым фрейма и верхним и нижним краями.
  • marginwidth - расстояние между содержимым фрейма и левым и правым краями.
  • name - имя фрейма.
  • scrolling - показ или скрытие полосы прокрутки.
  • src - документ данного фрейма.
  • width - ширина фрейма.

     Перейдем к примеру, описывающему использование данного тега <iframe>.

 


© 2005 БАСТ
Hosted by uCoz