Задание № 1. Разветвлённая фреймовая структура
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Пример разветвленной фреймовой структуры </TITLE>
</HEAD>
<FRAMESET COLS="30%, 70%" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
<FRAME NAME="left" SRC="left.html" SCROLLING="yes" MARGINWIDTH="10" MARGINHEIGHT="10">
<FRAMESET ROWS="*, 2*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
<FRAME NAME="top" SRC="top.html"> <FRAME NAME="bottom" SRC="bottom.html">
</FRAMESET>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.
▲ Пример описывает фреймовую структуру, состоящую из двух вертикальных и двух горизонтальных фреймов.
Конструкция
<FRAMESET COLS="30%, 70%" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
показывает, что окно браузера поделено на две части: 30% и 70%, соответственно. Следующий за ней тег <FRAME> задает свойства левого фрейма.
Правый фрейм разбит еще на два фрейма, на этот раз горизонтальных, для чего дается отдельная конструкция:
<FRAMESET ROWS="*, 2*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
После этого посредством тега <FRAME> дается описание двух упомянутых горизонтальных фреймов.
Задание № 2. Файл верхнего фрейма "menu.html"
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<BODY BGCOLOR="red" TEXT="black" LINK="blue" LINK="срщсщдфеу" VLINK="blue">
<H3>Ссылки верхнего фрейма</H3>
<HR>
<FONT FACE="Tahoma" SIZE="2">
<UL TYPE="square">
<LI> <A HREF="text.html" TARGET="left">Файл с текстом в левом нижнем фрейме</А>
<LI> <A HREF="text.html" TARGET="right">Файл с текстом в правом нижнем фрейме</А>
<LI> <A HREF="text.html" TARGET="menu">Фaйл с текстом в верхнем фрейме</А>
<LI> <A HREF="text.html" TARGET="_top">Файл с текстом в полном окне</А>
<LI> <A HREF="text.html" TARGET="_blank:">Фaйл с текстом в новом окне</А>
<LI> <A HREF="text.html" TARGET="_self">Файл с текстом в текущем фрейме</А>
</OL>
</FONT>
</BODY>
</HTML>
▲ Первая ссылка откроется в левом нижнем фрейме по причине указания конструкции TARGET="left" ("left" в данном случае – это внутреннее имя данного фрейма).
Вторая ссылка откроется в правом нижнем фрейме (указано внутреннее имя фрейма "right") .
Третья ссылка будет открыта в этом же окне, так как "menu" – это имя текущего фрейма, из которого открываются гиперссылки.
Четвертая ссылка откроется в полном окне браузера (конструкция "top").
Пятая ссылка будет открыта в отдельном новом окне поверх фреймовой структуры (действие "_blank").
Наконец, последняя ссылка откроется в текущем фрейме (аналогично действию TARGET "menu").
Дата добавления: 2016-02-16; просмотров: 873;