Самоучитель по HTML

Справочник HTML

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

Смотрим пример (рис. 19):


      <HTML>
         <HEAD>
            <TITLE>Фрейм</TITLE>
         </HEAD>
         <FRAMESET cols="35%,65%" border="5">
            <FRAME src="List1.html" name="List1">
            <FRAME src="List2.html" name="List2">
         </FRAMESET>
      </HTML>

Фреймы, frameset, src, cols, rows, border
рис. 19. Создание фреймов.

Из HTML-кода вышеприведённого примера можно догадаться, что броузер будет отображать две разные web-страницы (List1.html и List2.html) указанные при помощи атрибута src="..." в теге <FRAME>. Они будут разделены границей в процентном соотношении 35% к 65% с помощью атрибута cols="..." в теге <FRAMESET>. Границу пользователь может регулировать с помощью мышки. Для этого надо навести её курсор на границу нажать левую кнопку, и перетащить границу либо в левую, либо в правую сторону. Именно поэтому фреймы и называются окнами независимого просмотра HTML-документов.

Вы можете указать сколь угодно большое число фреймов (каждый фрейм принадлежит одному тегу <FRAME>), но нужно помнить про правильное разделение экрана в атрибуте cols="...". Сумма процентных соотношений фреймов не должна превышать 100%. А их число должно быть равно числу фреймов.

Используя атрибут cols="..." в вышеприведённом примере, мы задали вертикальное расположение фреймов. Если же вы хотите, чтобы фреймы располагались горизонтально, то нужно вместо атрибута cols="..." использовать атрибут rows="...".

Что означает атрибут border="...", я думаю, вы и сами уже догадались. Он задаёт ширину границы.

Также не забывайте указывать атрибут name="..." в теге <FRAME>, в котором указывается имя фрейма. Имя может быть любым.

Ещё мы видим, что в примере мы не указывали тег <BODY>, это потому, что он является взаимоисключающим с тегом <FRAMESET>. Если же в одном документе будут указаны оба тега, то информация контейнера <FRAMESET>...</FRAMESET> будет проигнорирована, и на экране отобразиться содержимое контейнера <BODY>...</BODY>.

Допускается вложенность одного контейнера <FRAMESET>...</FRAMESET> в другой. Это делается для отображения вертикальных и горизонтальных фреймов на одной странице. Давайте рассмотрим пример (рис. 20):


      <HTML>
         <HEAD>
            <TITLE>Встроенные фреймы</TITLE>
         </HEAD>
         <FRAMESET rows="35,65" border="5">
            <FRAME src="list1.html" name="list1">
            <FRAMESET cols="30%,60%">
               <FRAME src="list2.html" name="list2">
               <FRAMESET rows="50%,50%">
                  <FRAME src="list3.html" name="list3">
                  <FRAME src="list4.html" name="list3">
               </FRAMESET>
            </FRAMESET>
         </FRAMESET>
      </HTML>

фреймы, bordercolor, frameborder, yes
рис. 20. Встроенные фреймы.

У тега <FRAMESET> есть ещё несколько атрибутов:

bordercolor="..." - указывает цвет рамки. В значении атрибута пишется имя нужного нам цвета.
frameborder="..." - говорит броузеру, стоит ли показывать рамку, разделяющие фреймы, или нет. Значения Yes и No.

Предыдущая страница Следующая страница

Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Хостинг от uCoz

Самоучитель по HTML

Справочник HTML

Оглавление:

CSS

Фреймы