С помощью какого тега создается плавающий фрейм

Плавающие фреймы

Разговор о фреймах будет неполным без упоминания плавающих фреймов. Так называется фрейм, который можно добавлять в любое место веб-страницы. Еще одно его название — встроенный фрейм, он называется так из-за своей особенности встраиваться прямо в тело веб-страницы. На рис. 13.4 приведен пример такого фрейма.

Рис. 13.4. Плавающий фрейм на веб-странице

Во фрейм можно загружать HTML-документ и прокручивать его содержимое независимо от остального материала на веб-странице. Размеры фрейма устанавливаются самостоятельно согласно дизайну сайта или собственных предпочтений.

Создание плавающего фрейма происходит с помощью тега , он имеет обязательный атрибут src , указывающий на загружаемый во фрейм документ (пример 13.10).

Пример 13.10. Использование тега

В данном примере ширина и высота фрейма устанавливается через атрибуты width и height . Сам загружаемый во фрейм файл называется hsb.html. Заметьте, что если содержимое не помещается целиком в отведенную область, появляются полосы прокрутки.

Еще одно удобство плавающих фреймов состоит в том, что в него можно загружать документы по ссылке. Для этого требуется задать имя фрейма через атрибут name , а в теге указать это же имя в атрибуте target (пример 13.11).

Пример 13.11. Загрузка документа во фрейм

      
RGB | CMYK | HSB
  

В данном примере добавлено несколько ссылок, они открываются во фрейме с именем color .

Тег проходит валидацию только при использовании переходного .

С помощью какого тега создается плавающий фрейм

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

Тег .

Синтаксис

Атрибуты

align Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом. allowtransparency
Устанавливает прозрачный фон фрейма, через который виден фон страницы. frameborder Устанавливает, отображать границу вокруг фрейма или нет. height Высота фрейма. hspace Горизонтальный отступ от фрейма до окружающего контента. marginheight Отступ сверху и снизу от содержания до границы фрейма. marginwidth Отступ слева и справа от содержания до границы фрейма. name Имя фрейма. sandbox Позволяет задать ряд ограничений на контент загружаемый во фрейме. scrolling Способ отображения полосы прокрутки во фрейме. seamless Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа. src Путь к файлу, содержимое которого будет загружаться во фрейм. srcdoc Хранит содержимое фрейма непосредственно в атрибуте. vspace Вертикальный отступ от фрейма до окружающего контента. width Ширина фрейма.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

HTML5 IE Cr Op Sa Fx

Плавающие фреймы

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

Рассмотрим код плавающего фрейма:

okno‘ src scrolling=’yes‘ frameborder width=’300‘ height=’250‘>

А вот его результат:

Фрейм оказался как бы «врезанным» в документ. Здесь: ID-идентификатор фрейма (он играет ту же роль, чо атрибут name), src-адрес документа, загружаемого во фрейм, width, height-размеры фрейма в пикселах.

Динамическое создание плавающего фрейма

Документ, загружаемый в плавающий фрейм, можно формировать динамически. Для этого следует присвоить некоторой переменной строку, содержащую HTML-код. В этом случае в качестве значения атрибута src следует указать: «javascript:имя переменной, содержащей HTML-код«.

Например, рассмотрим код:

var s ; s+ ; s+=»«; . pauk‘ src scrolling=’no’ align=’center’ valign=’middle’ frameborder=»yes» width=’190′ height=’190’>

А вот его результат: Здесь: переменная s-строка, содержащая HTML-код загружаемого во фрейм документа. Поскольку по отношению к фрейму она является внешней («родительской»), к ней следует обращаться с помощью префикса parent. Рассмотрите пример динамического создания контента плавающего фрейма. Динамическое создание содержимого плавающего фрейма используется, например, для передачи параметров в JAVA-апплеты (не путать JAVA с JavaScript!) — см. пример. (Заметим, что здесь используются также формы.)

Бегущие строки

Темы лекции: Тэг &ltmarquee> Атрибуты бегущей строки:

Слово «marquee» буквально означает «шатер«, «палатка«. В качестве компьютерного термина оно используется для обозначения некоторого выделенного фрагмента документа или изображения. В языке HTML этот тэг позволяет не просто выделить область web-страницы, но и заставить ее «бегать» по экрану. Бегущие строки создаются с помощью контейнера:

содержимое бегущей строки

«Заставить бегать» не только текст, но и любые фрагменты HTML-документов, например:

Атрибуты бегущей строки

Тэг . имеет множество атрибутов, задающих стиль строки и характер движения. Некоторые атрибуты используются и в других тэгах, их названия говорят сами за себя. Это, например, атрибуты:

 width — ширина области;

 hight — высота области;

 bgcolor — цвет фона. Другие атрибуты специфичны для бегущих строк.

Атрибут behaviour (т.е. «поведение«) отвечает за способ «пробега» строки.

Атрибут direction (т.е. «направление«) определяет направление движения строки.

Атрибут loop («цикл, петля«) задает число пробегов строки. Если этот атрибут не указан или имеет значение «-1«, то строка будет «бегать» бесконечно.

Атрибут scrolldelay (т.е. «запаздывание пробега«) определяет время между прорисовками строки (в миллисекундах). По умолчанию этот атрибут имеет значение 85.

Сенсорные изображения — что это такое?

Сенсорное изображение — это рисунок, разделенный на отдельные участки («горячие области», «hot spots»), каждый из которых, как правило, является гиперссылкой на отдельный документ или связан с какой-либо процедурой.

Например, поместив курсор в различные точки изображения:

Вы увидите различные надписи. Это достигается с помощью кода:

Похожие публикации:

1. Как подключить телефон к телевизору через wifi ксиоми
2. Как рассчитывается плотность населения формула
3. Как удалить элемент строки в python
4. Управление одной рукой xiaomi как включить