МНИ_лаб_раб_8_HTML

<FRAME src="left.htm" NAME="toc_window"> <FRAME src="wares.htm" NAME="wares_window"> <FRAME src="service.htm" NAME="service_window"> </FRAMESET>

</HTML>

<!-- Файл оглавления left.htm --> <HTML>

<HEAD>

<BASE TARGET="wares_window"> </HEAD>

<H3>Оглавление</H3>

<UL> <LI>Товары

<UL>

<LI><A href="cosm.htm">Косметика</A> <LI><A href="eat.htm">Пищевые добавки</A> <LI><A href="perf.htm">Парфюмерия</A> </UL>

<LI>Услуги

<UL>

<LI><A href="massage.htm" TARGET="service_window">Массаж</A>

<LI><A href="manic.htm" TARGET="service_window">Маникюр</A>

</UL>

</UL>

</BODY>

</HTML>

<!-- Файл заставки окна товаров wares.htm --> <HTML>

<BODY>

<H1>Здесь товары!</H1>

</BODY>

</HTML>

<!-- Файл заставки окна услуг service.htm --> <HTML>

<BODY>

<H1>Здесь услуги!</H1>

</BODY>

</HTML>

Специальные эффекты, получаемые с помощью атрибута TARGET

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

TARGET=”_blank”. Документ загружается в новое окно броузера.

TARGET=”_self”. Документ загружается в текущее окно.

TARGET=”_parent”. Документ загружается в родительский фрейм. Обычно это фрейм, стоящий в контейнере <FRAMESET>…</FRAMESET> перед текущим. Если родительского фрейма нет, то значение "_parent" становится тождественным "_self".

TARGET=”_top”. Документ загружается в самый верхний фрейм.

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

Тег <IFRAME>

В HTML 4.0 появились плавающие (или встроенные) фреймы. С помощью тега <IFRAME> можно поместить один фрейм в обычный HTML-документ. Причем контейнер <FRAMESET>…</FRAMESET> здесь не нужен.

Закрывающий тег </IFRAME> обязателен!

Атрибуты

ALING. Определяет вид выравнивания. Принимает значения "left", "center", "right".

HEIGHT. Определяет высоту фрейма в пикселях

WIDTH. Определяет ширину фрейма в пикселях.

SRC, MARGINWIDTH, MARGINHEIGHT, SCROLLING, FRAMEBORDER, BORDER, BORDERCOLOR, NAME. Аналогичны рассмотренным ранее.

<IFRAME src="banner.html" width="468" height="60"

hspace="10" vspace="10" align="center" src="aa.htm">

Ваш браузер не поддерживает плавающие фреймы!

</IFRAME>

Тег <NOFRAMES>

Определяет, что будет показано в окне браузера если он не поддерживает фреймы.

<NOFRAMES>

Ваш браузер не поддерживает плавающие фреймы!

</NOFRAMES>

Задание:

1.Создать HTML-документ с таблицей вида:

2. Создайте два html-файла и присвойте им имена reference1.html и reference2.html.

2.1 Создайте фреймовую страницу из двух колонок. В левой колонке создайте две гиперссылки на файлы reference1.html и reference2.html. Отобразите их в правой колонке фреймовой страницы.