	ИНФОРМАЦИЯ, ДИЗАЙН, ПЕРЕВОДЫ, РЕКЛАМА . . .	w a p - с а й т
		Информационный портал

Сегодня:

admin@aranea.ru
+79068922256

aranea.ru || Занятия и примеры по HTML | Описание структуры фреймов

Описание структуры фреймов

Окно обозревателя можно разделить на подокона, или фреймы, таким образом, что в одном окне браузера можно видеть несколько документов одновременно, и осуществлять навигацию, связанную с этими документами. В разделе 16.1 Введение в фреймы приводится пример разметки фреймов.

В документах с фреймами вместо элемента BODY используют элемент FRAMESET.

Пример 66

* разбивка окна на два горизонтальных фрейма, первый - 40%, а второй – 60%.

<HTML> 
  <HEAT><TITLE>ПРИМЕР 66</TITLE></HEAD>
     <FRAMESET rows="40%, 60%"> 
     </FRAMESET>
</HTML>

Пример 67

* разбивка окна на два вертикальных фрейма, первый - 40%, а второй – 60%.

<HTML> 
  <HEAT><TITLE>ПРИМЕР 67</TITLE></HEAD>
     <FRAMESET cols="40%, 60%"> 
     </FRAMESET>
</HTML>

После деления на фреймы элементом FRAMESET, фремы надо описать элеменом FRAME.

Пример 68

<HTML> 
  <HEAT><TITLE>ПРИМЕР 68</TITLE></HEAD>
     <FRAMESET cols="40%, 60%"> 
         <FRAME src="1.html" name="first"> </FRAME>
         <FRAME src="3.html" name="second"></FRAME>
     </FRAMESET>
</HTML>

Пример 69

<HTML> 
  <HEAT><TITLE>ПРИМЕР 69</TITLE></HEAD>
     <FRAMESET rows="40%, 60%"> 
         <FRAME src="1.html" name="first"> </FRAME>
         <FRAME src="3.html" name="second"></FRAME>
     </FRAMESET>
</HTML>

После некоторой практики, описание фреймов станет понятным и несложным.

Важный вопрос – это загрузка нового документа в целевой фрейм. Для этого необходимо два атрибута name элемента FRAME и target элемента A. Атрибут name дает название целевому фрейму, а атрибут target указывает на открытие документа в окне с именем, установленным атрибутом name.

Пример 70

* Для этого примера нам нужно создать дополнительный файл навигации 71.html

<HTML> 
  <HEAT><TITLE>ПРИМЕР 70</TITLE></HEAD>
     <FRAMESET cols="20%, 80%"> 
         <FRAME src="71.html" name="first"> 
         </FRAME>
         <FRAME src="2.html" name="second"></FRAME>
     </FRAMESET>
</HTML>

71.html

<HTML> 
  <HEAT><TITLE>ПРИМЕР 71</TITLE></HEAD>
     <BODY> 
        <A href="1.html" target="second">1.html</A><BR> 
        <A href="3.html" target="second">3.html</A><BR> 
        <A href="14.html" target="second">14.html</A><BR> 
        <A href="50.html" target="second">50.html</A><BR> 
        <A href="65.html" target="second">65.html</A><BR> 
        <A href="31.html" target="second">31.html</A><BR> 
        <A href="45.html" target="second">45.html</A><BR> 
     </BODY>
</HTML>

← Назад | Вперед →