100 % Если, соответственно, сумма меньше 100 %, то размеры пропорционально

увеличиваются

Задание одного из значений атрибута ROWS или COLS с единичным масштабным

коэффициентом (в этом случае указывается просто звездочка без числа) означает,

что все оставшееся место будет принадлежать данному фрейму Если единичные 170     Урок 10. Фреймы

масштабные коэффициенты указываются для двух или более фреймов, то остав-

шееся пространство делится поровну между этими фреймами Если перед звез-

дочкой стоит цифра, то она задает масштабный коэффициент для данного фрейма

(во сколько раз он должен быть больше аналогично фрейма, описанного звездоч-

кой без числа)

Рассмотрим примеры

cols="3*,*,*"

Эта запись говорит о том, что будет создано три фрейма, причем первый фрейм

займет 3/5 свободного пространства по горизонтали, а два других — по 1/5

cols="50%,50%"

Такая запись означает деление области просмотра на две равные части

cols="20%,80%"

Эта запись означает деление области просмотра на неравные части (слева 20,

справа 80 %):

rows="100,20%,*"

Данная запись означает деление области просмотра на три части Первой

(верхней) отведено 100 пикселов, второй (средней) — 20 % оставшегося про-

странства, третьей (нижней) — все остальное

cols="*,3*"

Эта запись означает деление области просмотра на неравные части, причем

правая часть в три раза шире левой Того же эффекта можно добиться с помо-

щью следующей записи:

cols="25%,75%"

Совместное использование в одном теге <FRAMESET> атрибутов COLS и ROWS 

может привести к непредсказуемым результатам.

Фреймы поддерживаются не всеми браузерами Чтобы пользователи таких брау-

зеров могли видеть содержимое веб-страницы с фреймами, используется парный

тег <NOFRAMES> Этот тег помещается внутри контейнера <FRAMESET>, и все, что

находится между тегами <NOFRAMES> и </NOFRAMES>, игнорируется браузерами,

поддерживающими фреймы То есть разработчику веб-страницы нужно написать

код, дублирующий содержимое фреймов другими средствами, и поместить этот

код между тегами <NOFRAMES> и </NOFRAMES>, тогда все пользователи смогут уви-

деть его веб-страницу

Вставка фрейма в документ

с набором фреймов

Как уже отмечалось, для вставки в документ отдельного фрейма служит непар-

ный тег <FRAME> с атрибутами NAME, SRC, MARGINWIDTH, MARGINHEIGHT, SCROLLING,

NORESIZE, FRAMEBORDER   Вставка  фрейма  в  документ   без  набора  фреймов   171

Атрибут NAME  Атрибут NAME задает имя фрейма Имя позволяет обратиться

к этому фрейму в программе (это делается с помощью атрибута TARGET, о ко-

тором рассказывается в разделе «Взаимодействие фреймов»), например загру-

зить в него содержимое нового HTML-файла Синтаксис:

name="имя"

Атрибут SRC  Атрибут SRC задает документ, который должен отображаться

внутри данного фрейма, например:

<frame src="10.htm">

Если атрибут SRC отсутствует, отображается пустой фрейм

Атрибут MARGINWIDTH  Атрибут MARGINWIDTH позволяет указать величину

вертикальных разделительных полос между фреймами:

marginwidth="value"

Значение value указывается в пикселах и не может быть меньше единицы Зна-

чение, устанавливаемое по умолчанию, зависит от используемого браузера

Атрибут MARGINHEIGHT  Атрибут MARGINHEIGHT позволяет указать величи-

ну горизонтальных разделительных полос между фреймами:

marginheight="value"

Значение value указывается в пикселах и не может быть меньше единицы

Атрибут SCROLLING  Атрибут SCROLLING управляет выводом полос прокрут-

ки фрейма:

scrolling="yes|no|auto"

Значение yes указывает, что фрейм будет иметь полосы прокрутки в любом

случае, значение no — что полос прокрутки не будет Значение auto, заданное

по умолчанию, говорит о том, что полосы прокрутки появятся только при не-

обходимости

Атрибут NORESIZE  Атрибут NORESIZE позволяет создавать фреймы без воз-

можности изменения их размеров По умолчанию размер фрейма можно из-

менить мышью так же просто, как и размер окна Windows Атрибут NORESIZE

запрещает такую возможность Если у одного из фреймов установлен атрибут

NORESIZE, это лишает пользователя возможности перетаскивать границы не

только данного фрейма, но и прилегающие к нему границы других фреймов

Атрибут FRAMEBORDER  Атрибут FRAMEBORDER задает обрамление у фрей-

мов и может принимать значения 1 (есть обрамление) или 0 (нет обрамления),

например:

<frame frameborder="1">

<frame frameborder="0">

Вставка фрейма в документ

без набора фреймов

Для визуализации веб-страницы в другом документе не обязательно предвари-

тельно создавать в нем набор фреймов Фрейм можно вставить не только в до-

кумент с набором фреймов, но и в «обычный» документ Для этого использует-172     Урок 10. Фреймы

ся тег <IFRAME>, который в отличие от тега <FRAME> вставляется не между тегами

<FRAMESET> и </FRAMESET>, а между тегами <BODY> и </BODY> Тег <IFRAME> имеет

атрибуты SRC, FRAMEBOARD, MARGINHEIGHT, MARGINWIDTH, NAME, ALIGN, SCROLLING,

WIDTH, HEIGHT

Атрибут SRC  Атрибут SRC задает документ, который должен быть отображен

во фрейме, например:

<iframe src="url">

Атрибут FRAMEBORDER  Атрибут FRAMEBORDER задает обрамление у фрей-

мов Может принимать значения 1 (есть обрамление) или 0 (нет обрамления),

например:

<iframe frameborder="1">

<iframe frameborder="0">

Атрибут MARGINHEIGHT  Атрибут MARGINHEIGHT задает толщину верхней

и нижней границ обрамления в пикселах, например:

<iframe marginheight ="число">

Атрибут MARGINWIDTH  Атрибут MARGINWIDTH задает толщину правой и ле-

вой границ обрамления в пикселах, например:

<iframe marginwidth="число">

Атрибут NAME  Атрибут NAME определяет имя фрейма, по которому к нему

можно будет обращаться в ссылках

Атрибут ALIGN  Атрибут ALIGN позволяет позиционировать фрейм по отно-

шению к тексту и принимает значения LEFT (слева), RIGHT (справа), MIDDLE (по-

середине), TOP (сверху) и BOTTOM (снизу), например:

<iframe align="left">

Атрибут SCROLLING  Атрибут SCROLLING определяет вид полос прокрутки

у фрейма и принимает значения yes (есть полосы), no (нет полос) и auto (по-

лосы появляются при необходимости), например:

<frame scrolling ="значение">

Атрибут WIDTH  Атрибут WIDTH определяет ширину фрейма в пикселах, на-

пример:

<iframe width ="число">

Атрибут HEIGHT  Атрибут HEIGHT определяет высоту фрейма в пикселах, на-

пример:

<iframe height="число">

Взаимодействие фреймов

При разработке страниц с фреймами возникает вопрос: «А как сделать так, чтобы,

щелкнув на ссылке в одном фрейме, инициировать появление информации в дру-

гом?» Ответом на данный вопрос является организация взаимодействия фреймов

Каждый фрейм может иметь собственное имя, определяемое при его создании

атрибутом NAME Существует также специальный атрибут TARGET, позволяющий

адресовать целевой фрейм:

target="имя"  Примеры использования фреймов   173

Данный атрибут можно указывать внутри самых разных тегов, например, в ссыл-

ках:

<a href="100.htm" target="frame1"> Переход во фрейм с именем frame1 </a>

Размещение атрибута TARGET в теге <BASE> позволяет не указывать при описании

каждой ссылки фрейм-приемник документов, вызываемых по ссылкам Это очень

удобно, если в одном фрейме, например, находится меню, а в другом выводится

информация, соответствующая выбранному пункту меню:

<html><head><base target="frame1"></head>

<body>

<a href="url1"> Первая часть </a>|<a href="url2"> Вторая часть </a>

</body></html>

Допускается включение атрибута TARGET в ссылку при создании карты изображе-

ния, например:

<area shape="circle" coords = "100,100,50"

href="http://www.piter.com" target="frame1">

Атрибут TARGET можно включить в описание формы:

<form action = "url" target="frame2">

В этом случае, после обработки переданных параметров формы результирующий

документ появится в указанном фрейме

Имя фрейма в атрибуте TARGET должно начинаться с латинской буквы или цифры

Также необходимо помнить, что существуют зарезервированные имена, которые

начинаются со знака подчеркивания:

_BLANK  — документ, полученный по ссылке, будет отображаться в новом окне

браузера

_SELF  — документ, полученный по ссылке, будет отображаться в том же фрей-

ме, в котором находится ссылка Это имя удобно использовать для переопреде-

ления окна назначения, указанного ранее в теге <BASE>

_PARENT  — документ, полученный по ссылке, будет отображаться в родитель-

ском окне вне зависимости от атрибутов тега <FRAMESET> Если родительского

окна нет, то данное имя аналогично имени _SELF

_TOP  — документ, полученный по ссылке, займет все окно вне зависимости от

наличия фреймов Использовать это имя удобно в случае вложенных фрей-

мов

Любые другие имена фреймов, начинающиеся со знака подчеркивания, игнори-

руются браузером

Примеры использования фреймов

В первых двух примерах представлены веб-страницы, состоящие из горизонталь-

ных (используется атрибут ROWS) фреймов

В примере, представленном на рис 10 1 (листинг 10 1), соотношение верхнего

и нижнего фреймов составляет двенадцать к пяти 174     Урок 10. Фреймы

Рис 10 1  Два горизонтальных фрейма

Листинг 10 1  Пример создания веб-страницы, содержащей два горизонтальных 

фрейма

<html>

<head><title> Два горизонтальных фрейма</title>

<frameset frameborder=1 border="5" rows="480,200">

<frame src="1.htm">

<frame src="2.htm">

</frameset>

</html>

В примере, приведенном на рис 10 2 (листинг 10 2), верхний и нижний фреймы

составляют 30 % от высоты экрана, а средний фрейм — 40 %

Листинг 10 2  Пример создания веб-страницы, содержащей три горизонтальных фрейма

<html>

<head>

<title>Три горизонтальных фрейма</title>

</head>

<frameset rows="3*,4*,3*">

<frame src="1.htm">

<frame src="2.htm">

<frame src="3.htm">

</frameset>

</html>

В следующих двух примерах представлены веб-страницы, состоящие из верти-

кальных фреймов (используется атрибут COLS)   Примеры использования фреймов   175

Рис 10 2  Три горизонтальных фрейма

На рис 10 3 показаны два фрейма, значения ширины которых относятся как два

к трем (листинг 10 3) Граница, проходящая между фреймами достаточно широ-

кая, так атрибут BORDER равен 35 Первый фрейм не имеет полос прокрутки, так

как атрибут SCROLLING для него равен значению no

Рис 10 3  Веб-страница, содержащая два вертикальных фрейма176     Урок 10. Фреймы

Листинг 10 3  Пример создания веб-страницы, содержащей два вертикальных фрейма

<html>

<head><title>Два вертикальных фрейма</title></head>

<frameset border="35" cols="40%,60%">

<frame scrolling="no" src=1.htm>

<frame src=2.htm>

</frameset>

<html>

На рис 10 4 показаны три вертикальных фрейма, значения ширины которых со-

ставляют 40, 30 и 30 % от размера всей веб-страницы (листинг 10 4)

Рис 10 4  Веб-страница, содержащая три вертикальных фрейма

Листинг 10 4  Пример создания веб-страницы, содержащей три вертикальных фрейма

<html>

<head><title>Три вертикальных фрейма</title></head>

<frameset cols="40%,30%,30%">

<frame src=1.htm>

<frame src=2.htm>

<frame src=3.htm>

</frameset>

</html>

На рис 10 5 показана конструкция, состоящая из целого окна (сверху) и окна, раз-

деленного на два фрейма (снизу) Значения ширины фреймов составляют соот-

ветственно 45 и 55 % (листинг 10 5)

Листинг 10 5  Пример создания веб-страницы из нескольких окон с фреймами

<html><head><title>Несколько окон с фреймами</title></head>

<frameset rows="*,2*">  Примеры использования фреймов   177

<frame src="3.htm">

<frameset cols="45%,55%">

<frame src="4.htm">

<frame src="5.htm">

</frameset>

</frameset>

</html>

Рис 10 5  Веб-страница, содержащая несколько окон с фреймами

Рис 10 6  Еще одна веб-страница, содержащая несколько окон с фреймами178     Урок 10. Фреймы

На рис 10 6 показана конструкция, состоящая из целого окна (слева) и окна, раз-

деленного на три фрейма (справа), значения ширины которых составляют соот-

ветственно 25, 35 и 40 % (листинг 10 6)

Листинг 10 6  Пример создания веб-страницы из нескольких окон с фреймами

<html><head><title>Три окна в одном</title></head>

<frameset cols="*,55%">

<frame src="4.htm">

<frameset rows="25%,35%,40%">

<frame src="5.htm">

<frame src="6.htm">

<frame src="7.htm">

</frameset>

</frameset>

</html>

На рис 10 7 показано окно, разделенное на 4 одинаковых фрейма (листинг 10 7)

Рис 10 7  Веб-страница, разделенная на 4 одинаковых фрейма

Листинг 10 7  Пример создания веб-страницы, разделенной на четыре фрейма

<html><head><title>Четыре равных окна</title></head>

<frameset cols="50%,50%">

<frameset rows="50%,50%">

<frame src="4.htm">

<frame src="5.htm">

</frameset>

<frameset rows="50%,50%">  Примеры использования фреймов   179

<frame src="6.htm">

<frame src="7.htm">

</frameset>

</frameset>

</html>

На рис 10 8 показано окно, разделенное на четыре фрейма разной формы (лис-

тинг 10 8) Первоначально заданные размер фреймов были затем изменены тра-

диционным способом — перетаскиванием мышью

Рис 10 8  Веб-страница, разделенная на 4 неодинаковых фрейма

Листинг 10 8  Пример создания веб-страницы, разделенной на четыре неодинаковых 

фрейма

<html>

<frameset rows="20%,60%,20%">

<frame src="1.htm">

<frameset cols="22%,78%">

<frame src="2.htm">

<frame src="3.htm">

</frameset>

<frame src="4.htm">

</frameset>

</html>

В листингах 10 9 и 10 10 представлены примеры использования тега <NOFRAMES>

По рисункам видно, что используемый для просмотра этих страниц браузер под-

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

тегами <NOFRAMES> и </NOFRAMES>, была проигнорирована 180     Урок 10. Фреймы

Рис 10 9  Веб-страница, разделенная на несколько фреймов

Листинг 10 9  Пример использования тега <NOFRAMES>

<html><head><title> ФРЕЙМЫ </title></head>

<frameset rows="*,*">

<noframes>

<h1>Ваша версия веб-браузера не поддерживает фрэймы!</h1>

</noframes>

<frameset cols="65%,35%">

<frame src="1.htm">

<frame src="2.htm">

</frameset>

<frameset cols="*,40%,*">

<frame src="3.htm">

<frame src="4.htm">

<frame src="5.htm">

</frameset>

</frameset>

</html>

Листинг 10 10  Второй пример использования тега <NOFRAMES>

<html> <head>

<title> ФРЕЙМЫ </title>

</head>

<frameset rows="10%, 50%, 40%">

<frame src="Янтарная комната.jpg">

<frameset cols="10%,20%, 70%">

<frame src="Храм.jpg">

<frame src="Храм.jpg">

<frame src="Янтарная комната.jpg">

</frameset>

<frame src="Екатерининский парк 1.jpg">  Примеры использования фреймов   181

</frameset>

<noframes> Браузер не может работать с фреймами </noframes>

</html>

Рис 10 10  Еще одна веб-страница, разделенная на несколько фреймов

Еще один пример веб-страницы с фреймами показан на рис 10 11 (лис-

тинг 10 11)

Рис 10 11  Веб-страница с фреймами182     Урок 10. Фреймы

Листинг 10 11  Пример создания документа с фреймами

<html>

<head>

<title>ДОКУМЕНТ С ФРЕЙМАМИ</title></head>

<frameset cols="20%, 80%">

<frameset rows="100, 200">

<frame src="1.htm">

<frame src="На малой садовой.gif">

</frameset>

<frame src="3.htm">

<noframes>

<p>Этот документ содержит:

<ul>

<li><a href="1.htm">Одна фотография</a>

<li><img src="На малой садовой.gif" alt="Еще одна фотография">

<li><a href="3.htm">Еще одна фотография</a>

</ul>

</noframes>

</frameset>

</html>

Примеры взаимодействия фреймов

В этом разделе рассматриваются примеры взаимодействия фреймов Такую взаи-

мозависимую структуру могут иметь веб-страницы учебников, виртуальных му-

зеев и просто сайты фирм

Однако для начала рассмотрим код веб-страницы, на которой, как показано на

рис 10 12, нет фреймов, но есть ссылка на другую страницу (листинг 10 12)

Рис 10 12  Веб-страница со ссылкой на другую страницу  Примеры взаимодействия фреймов   183

Листинг 10 12  Пример создания веб-страницы со ссылкой на другую страницу

<html><head><title> ГЛАВНАЯ СТРАНИЦА</title></head>

<body bgcolor=aqua>

<h1> Любимый город </h1>

<hr>

<a href="Виды петербурга.htm"><i> Следующая страница</i></a>

<hr>

<img heigth= 117 width=352 align=center border= 3 src="Фурштатская ул.jpg">

</body></html>

Страницу, наподобие показанной на рис 10 12, можно разместить в отдельном

фрейме, тогда в другом фрейме можно будет увидеть документ, на который указы-

вает ссылка Соответствующий пример представлен на рис 10 13 (листинг 10 13)

Рис 10 13  Пример веб-страницы со ссылками

Листинг 10 13  Пример взаимодействия фреймов

<html><head><title>ВЗАИМОДЕЙСТВИЕ ФРЕЙМОВ</title></head>

<frameset frameborder=1 framespacing=5 border=5 cols="260,800">

<frame name="Список" noresize src="Улицы.htm">

<frame name="Информация" src="Литейный проспект.htm">

</frameset></html>

На рис 10 14 представлена веб-страница, которая вызывается со страницы, пока-

занной на рис 10 13 (листинг 10 14)

Листинг 10 14  Код страницы, отображаемой при щелчке на ссылке «Литейный 

проспект»

<html><head><title>ПРАВЫЙ ФРЕЙМ</title></head>

<body text=black link=green bgcolor=ffffa>

<h3>Литейный проспект</h3>

<img heigth=117 width=352 align=center border= 3 src="Литейный проспект.jpg"><br>184     Урок 10. Фреймы

<a href=right1.htm ><i>Предыдущая страница</i></a>

     

<a href=петербург.htm><i>Основная страница</i></a>

</body></html>

Рис 10 14  Веб-страница, которая вызывается со страницы на рис. 10.13

На рис 10 15 представлена еще одна веб-страница, которая вызывается со страни-

цы, показанной на рис 10 13 (листинг 10 15)

Рис 10 15  Веб-страница, которая вызывается со страницы на рис. 10.13  Примеры взаимодействия фреймов   185

Листинг 10 15  Код страницы, отображаемой при щелчке на ссылке «Таврический дворец»

<html><head><title>ПРАВЫЙ ФРЕЙМ</title></head>

<body text=black link=green bgcolor=ffffaa>

<h3>Таврический дворец </h3>

<img heigth=117 width=352 align=center border=3 src="Таврический дворец.jpg"><br>

<a href=right1.htm ><i>Предыдущая страница</i></a>

     

<a href=петербург.htm><i>Основная страница</i></a>

</body></html>

На рис 10 16 представлена еще одна веб-страница, которая вызывается со страни-

цы, показанной на рис 10 13 (листинг 10 16)

Рис 10 16  Веб-страница, которая вызывается со страницы на рис. 10.13

Листинг 10 16  Код страницы, отображаемой при щелчке на ссылке «Памятник Есенину»

<html><head><title>ПРАВЫЙ ФРЕЙМ</title></head>

<body text=black link=green bgcolor=#ffffaf>

<h3>Памятник Сергею Есенину в Таврическом саду</h3>

<img src="Памятник Сергею Есенину в Таврическом саду.jpg" width=352

border=3 heigth="117"><br><a

href="Литейный проспект.htm"><i>Предыдущая страница</i></a>      

<a href="Папка/Петербург.htm"><i>Основная страница</i></a>

</body></html>

Если на странице, показанной на рис 10 12, щелкнуть на ссылке Следующая стра-

ница, вызывается документ, показанный на рис 10 13 А уже с этой веб-страницы

можно перейти к документам, представленным на рис 10 14, 10 15 и 10 16

Как уже отмечалось, тег <IFRAME> позволяет вставлять фреймы в документы, в ко-

торых не создан набор фреймов Пример такой веб-страницы показан на рис 10 17

(листинг 10 17) 186     Урок 10. Фреймы

Рис 10 17  Веб-страница со вставленным фреймом

Листинг 10 17  Использование тега <IFRAME>

<html><head><title>ФРЕЙМЫ</title></head>

<iframe src="7.htm" width="400" height="500"

scrolling="auto" frameborder="1">

</iframe>

</html>

Фреймы, включаемые в документ с помощью тега <IFRAME>, называют плавающи-

ми Еще один пример веб-страницы с плавающим фреймом показан на рис 10 18

(листинг 10 18)

Рис 10 18  Веб-страница с плавающим фреймом  Примеры взаимодействия фреймов   187

Листинг 10 18  Тег IFRAME

<html><head><title>ПЛАВАЮЩИЙ ФРЕЙМ</title></head>

<body>

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

<iframe src="3.htm" align=center scrolling=auto frameborder=1 width=60%

height=40%>

</iframe></body></html>

Следующий пример, демонстрирующий, как использовать плавающие фреймы,

показан на рис 10 19 (листинг 10 19)

Рис 10 19  Вывод изображений в плавающем фрейме

Листинг 10 19  Пример вывода изображений в плавающем фрейме

<html><head><title>ПЛАВАЮЩИЙ ФРЕЙМ</title></head>

<body background="image12.jpg" alink=#ff00ff vlink=#ff00ff link=#00ff00><p> </p>

<p align=center><h1 style="color:#ffffff">Гиперссылки для загрузки файлов

во фреймы</h1></p>

<p align=right><i><font color=#ffffff face =arial color=#800000 size=4>Плавающий фрейм

(плавающая область)</i>

<h1 align=center style="color:#ff00ff">Ювелирный магазин</h1>

<p>  <small><a href="image10.gif" target="shop">Витрина 1</a>  

<a href="image11.gif" target="shop">Витрина 2</a>  

<a href="image8.gif" target="shop">Витрина 3</a>  

<a href="image9.gif" target="shop">Витрина 4</a>

<iframe width=400 height=200 hspace=6 vspace=6 marginwidth=0 name=shop border=0

align=left src="image9.gif"></iframe></p>

<p><font size=5> Этот тип фрейма позволяет с помощью гиперссылок просматривать

различные файлы внутри одного документа.<br>

Фрейму присваивается имя: внутри тега iframe пишется код name=(имя).

Внутри гиперссылки пишется код target=(имя фрейма), что указывает

на загрузку файла в названный фрейм.</small> </font></body></html>

Как уже отмечалось, наборы фреймов могут быть вложенными Соответствую-

щий пример показан на рис 10 20 (листинг 10 20) 188     Урок 10. Фреймы

Листинг 10 20  Пример создания веб-страницы с вложенными фреймами

<html><head><title>ВЛОЖЕННЫЕ ФРЕЙМЫ</title></head>

<frameset rows=25%,75%>

<frame src="1.htm">

<frameset cols=30%,70%>

<frame src="2.htm">

<frameset rows=30%,30%,40>

<frame src="3.htm">

<frameset cols=30%,30%,40%>

<frame src="4.htm">

<frame src="5.htm">

<frame src="6.htm"></frameset>

<frame src="7.htm"></frameset></frameset></frameset></html>

Рис 10 20  Веб-страница с вложенными фреймами

На рис 10 21 показан плавающий фрейм с бегущей строкой, в качестве которой

используется рисунок (листинг 10 21)

Листинг 10 21  Пример создания плавающего фрейма с рисунком в качестве бегущей 

строки

<html><head><title>БЕГУЩАЯ СТРОКА В ПЛАВАЮЩЕМ ФРЕЙМЕ</title></head>

<body background="Фон.gif"><font face="Times new roman" size=4>

<p>Что такое плавающий фрейм:<br>

Вот он: <iframe align=left hspace=10 vspace=10

src="Бегущая строка.htm" width=100 scrolling=no

height=150></iframe>

<p>Плавающий фрейм нигде не плавает. <br>

Он работает, как и все фреймы, но при этом создается прямо на веб-странице c помощью

парного тега iframe.<br>  Примеры взаимодействия фреймов   189

Синтаксис:<iframe width= ... height= ... hspace=...

vspace=... src "адрес документа"><br></p></font></body></html>

Рис 10 21  Веб-страница с плавающим фреймом и рисунком в качестве бегущей строки

На рис 10 22 показаны три фрейма без рамок (листинг 10 22) Как видите, при

отсутствии рамок фреймы невозможно узнать, а об их существовании можно до-

гадаться только по наличию вертикальных полос прокрутки для каждого фрейма

Рис 10 22  Пример фреймов без рамок

Листинг 10 22  Пример создания фреймов без рамки

<html><head><title>ФРЕЙМЫ БЕЗ РАМКИ</title></head>

<frameset border=4 framespacing=4 rows=100,20%,* frameborder=0>

<frame src="Файл1.htm" noresize scrolling=yes>

<frame src="Файл2.htm" noresize scrolling=yes>190     Урок 10. Фреймы

<frame src="Файл3.htm" noresize scrolling=yes>

</frameset></html>

Подведем итоги

В этом уроке рассказано, для чего нужны фреймы Рассмотрены теги <FRAMESET>,

<FRAME> и их атрибуты ROWS и COLS, BORDER, FRAMEBORDER, NAME, SRC, MARGINWIDTH,

MARGINHEIGHT, SCROLLING, NORESIZE, FRAMEBORDER Представлено очень много при-

меров разнообразных фреймов Урок 11 Ссылки

Ссылки являются ключевым компонентом, делающим веб-страницы 

привлекательными для пользователей. Благодаря ссылкам, или, как 

иногда говорят, гиперссылкам веб-страница структурируется и свя-

зывается с другими документами или с другими разделами данного 

документа, что обеспечивает быстрое и удобное получение инфор-

мации. Именно  ссылки  стали  основной  причиной  ошеломляющей 

популярности  Всемирной  паутины,  в  которой  пользователь  может 

легко  переходить  от  одной  страницы  к  другой  простым  щелчком 

мыши. В этом уроке рассказывается о вставке ссылок в документ.

Урок192     Урок 11. Ссылки

Универсальный указатель ресурса

Для организации ссылок в HTML используется универсальный указатель ресурса

(Uniform Resource Locator, URL), в общем случае имеющий следующий формат:

метод://имя_сервера:порт/путь#якорь

Первая часть URL (до двоеточия) описывает метод доступа или сетевую службу,

вторая часть (после двоеточия) интерпретируется в зависимости от метода досту-

па Обычно два прямых слэша после двоеточия обозначают имя машины

Наиболее часто используемыми методами являются file, http, ftp, mailto, telnet и news

Метод file  Метод file обеспечивает чтение файла с локального диска Напри-

мер, следующая запись открывает HTML-файл document.html из каталога /spb/