|
Читайте также: |
<FRAMESET rows="120, *">-два фрейма строки. Высота первого фрейма 120 пикселей, второго — оставшаяся часть окна.
<FRAMESET cols="20%,80%">-две колонки. Ширина первой – 20% окна броузера, второй – оставшиеся 80% окна.
Элемент <FRAMESET> допускает вложенность, то есть допустима конструкция <FRAMESET>... <FRAMESET> * * * </FRAMESET> </FRAMESET>.
Пример окна просмотра с фреймами
Рис.2.12. Web-страница, реализованная с использованием фреймов
Рассматриваемая страница состоит из трех фреймов, в каждый из которых загружен свой собственный фрейм.
Элемент <FRAME> используется для описания каждого отдельного фрейма и выбора HTML-документа, который будет загружаться в этот фрейм. Таким образом, элемент <FRAMESET> описывает структуру фреймов, а элемент <FRAME> — каждый фрейм в отдельности.
Собственные атрибуты элемента <FRAME>
| Наименование атрибута | Описание атрибута |
| src | Обязательный атрибут. Адрес файла (URI) с документом HTML, который загружается в окно фрейма. |
| name | Параметр задает имя фрейма, которое используется в операторе ссылки <A> для указания, в какой фрейм нужно загрузить новый документ. |
| scrolling | Задает или отменяет полосу прокрутки (скроллинга). Принимает значения: auto – полоса прокрутки создается при необходимости автоматически. Если документ не помещается во фрейме, то полоса прокрутки создается; yes – полоса прокрутки создается всегда; no – полоса прокрутки не создается. Часть страницы будет недоступна пользователю. |
| noresize | Если этот параметр указан, то мышью нельзя изменять границы фрейма. |
| frameborder | Если frameborder=0, то рамка не создается. Если frameborder =1, то создается трехмерная рамка, толщина которой задается в пикселях. |
| align | Используется только для “плавающих” фреймов. Задает выравнивание фрейма или текста, расположенного рядом с фреймом. Принимает значения: left, center, right, top, bottom. |
| marginheight | Отступ по вертикали от границ фрейма в пикселях. |
| marginwidth | Отступ по горизонтали от границ фрейма в пикселях. |
Аналогично другим элементам языка разметки гипертекста элемент <FRAME> имеет общие атрибуты: id, class, style, title. Атрибуты для установки обработчиков событий здесь отсутствуют.
Элемент <NOFRAME> используется для альтернативного отображения фрейма, если программа просмотра не поддерживает работу с фреймами. Программа просмотра (броузер) отображает в этом случае содержание элемента <NOFRAME>. Элемент <NOFRAME> располагается после элемента <FRAMESET>. Если броузер распознает элемент <NOFRAME>, то его содержание воспринимается как содержимое элемента <BODY>.
Если элемент <NOFRAME> не распознается, то выводится содержимое операторов <NOFRAME> и </NOFRAME>, которое может включать:
- блочные заголовки <H1>,... <H6>, элементы: <P>, <DIV>, <DL>, <PRE>, <BLOCKQUOTE>, <FIELDSET>, <ADDRESS>, <HR>, <TABLE>, списки <UL>, <OL>, скрипты <SCRIPT>, <NOSCRIPT>;
- встроенные элементы:
- текст;
- элементы физического форматирования <B>, <BIG>, <I>, <S>, <STRIKE>, <SMALL>, <TT>;
- элементы логического форматирования <EM>, <STRONG>, <DFN>, <CODE>, <SAMP>, <KBD>, <VAR>, <CITE>, <ABBR>, <ACRONIM>;
- специального назначения <A>, <IMG>, <MAP>, <APPLET>, <OBJECT>, <SCRIPT>, <SPAN>, <IFRAME>, <FONT>, <BASEFONT>, <BR>, <SUB>, <SUP>, <BDO>, <Q>;
- форм <INPUT>, <SELECT>, <TEXTAREA>, <BUTTON>, <LABEL>.
Структура документа с фреймами, учитывая особенности операторов <FRAMESET>, <FRAME> и <NOFRAME>, приведена в примере 2.13.
Пример 2.13. HTML – документ с фреймами.
<HTML>
<HEAD>
<TITLE>Фреймы в HTML документах</TITLE>
</HEAD>
<FRAMESET rows="120,*" BORDERCOLOR="red" FRAMEBORDER=0 BORDER=2>
<FRAME SCROLLING="auto" NAME="first" NORESIZE SRC= "ddd.htm" MARGINHEIGHT=25>
<FRAMESET COLS="25%,75%" FRAMEBORDER=1 BORDER=3>
<FRAME SCROLLING="no" NAME="prim1" SRC="Графика.html">
<FRAME SCROLLING="auto" NAME="prim2" SRC="Крепость Орешек.htm">
<NOFRAME>
<TABLE>
<TR><TD colspan=2><center>Фрейм 1</center></TD></TR>
<TR><TD VALIGN=TOP>фрейм 2</TD><TD VALIGN=TOP>фрейм 3</TD></TR>
</TABLE>
<p><A Name=L4> Графическая ссылка <A HREF="D:\УчебнПособия\ Фрейм\4321 Kurochkin\Leti_tm2.gif">
<IMG WIDTH=80 HEIGHT=20 SRC="D:\УчебнПособия\Фрейм\ Nigl_HTTP\Images\Cdrom.gif" BORDER=0></A>
по тексту</p>
</NOFRAME>
</FRAMESET>
</FRAMESET>
</HTML>
Рассматриваемый пример, описывает структуру фреймов соответствующую рис.2.12.
Запись <FRAMESET rows="120,*" FRAMEBORDER=0 BORDER=2 BORDERCOLOR="red"> задает структуру из двух горизонтальных фреймов. Первый фрейм занимает 120 пикселей по вертикали, второй — оставшуюся часть окна программы просмотра. Фреймы ограничены рамкой, которая окрашена в красный цвет.
Запись <FRAME SCROLLING="auto" NAME="first" NORESIZE SRC="ddd.htm" MARGINHEIGHT=25> описывает верхний фрейм. Фрейм имеет имя — first, которое известно каждому элементу Web-технологии. Граница фрейма не может быть изменена (параметр NORESIZE) с помощью мыши. В окно фрейма загружен документ ddd.htm. Отступ по вертикали от границ фрейма составляет 25 пикселей.
Нижний фрейм делится на два вертикальных фрейма. Для этих целей используется запись
<FRAMESET COLS="25%,75%" FRAMEBORDER = 1 BORDER=1 BORDERCOLOR="silver">
<FRAME SCROLLING="no" NAME="prim1" SRC="Графика.html">
<FRAME SCROLLING="auto" NAME="prim2" SRC="Крепость Орешек.htm">.
Запись <FRAMESET COLS="25%,75%" FRAMEBORDER = 1 BORDER=1 BORDERCOLOR="silver"> определяет структуру из двух фреймов, которые делят нижнее окно в отношении 25% и 75%. Фреймы – столбцы разделены рамкой, окрашенной в серебряный (silver) цвет.
Каждый из фреймов описывается записью
<FRAME SCROLLING="no" NAME="prim1" SRC="Графика.html">
<FRAME SCROLLING="auto" NAME="prim2" SRC="Крепость Орешек.htm">.
Левый фрейм – колонка имеет имя — prim1. Фрейм не имеет полосы прокрутки — SCROLLING="no". В окно фрейма загружен HTML-документ — SRC="Графика.html">.
Аналогичный анализ может быть сделан и для записи <FRAME SCROLLING="auto" NAME="prim2" SRC="Крепость Орешек.htm">.
Операторы <NOFRAME> и </NOFRAME> определяют альтернативный текст для программ просмотра, которые не работают с фреймами
<NOFRAME>
<TABLE><TR><TD colspan=2><center>Фрейм 1</center></TD></TR>
<TR><TD VALIGN=TOP>фрейм 2</TD><TD VALIGN=TOP>фрейм 3</TD></TR>
</TABLE>
<p><A Name=L4> Графическая ссылка <A HREF="D:\УчебнПособия\ Фрейм\4321 Kurochkin\Leti_tm2.gif">
<IMG WIDTH=80 HEIGHT=20 SRC="D:\УчебнПособия\Фрейм\ Nigl_HTTP\Images\Cdrom.gif" BORDER=0></A>
по тексту</p>
</NOFRAME>
Результат отображения альтернативного текста (рис.2.13).
Рис.2.13. Просмотр альтернативного текста
Элемент <IFRAME> (“плавающий” фрейм) выделяет формируемую область окна просмотра, в которой отображается другой HTML-документ.
Синтаксис:
Дата добавления: 2015-10-02; просмотров: 68 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Фреймы в HTML-документах | | | Lt;IFRAME> является контейнером, располагающимся в отображаемом HTML-документе. |