Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Web / ИТ_Лекции / !_6_Лекция_Фреймы.doc
Скачиваний:
17
Добавлен:
15.04.2015
Размер:
1.7 Mб
Скачать

Приводим фреймы в опрятный вид.

1. атрибут scrolling-тега <frame>мо жет иметь одно из трёх значений:

  • no- никогда не показывать полосу прокрутки,

  • yes- всегда показывать,

  • auto- показывать в том случае если она необходима.

Поговорим немного о рамках вокруг наших фреймов.

2. атрибут borderзадаёт ширину в пикселях этих самых рамок между фреймами.. пишется он внутри тега<frameset>. Как и раньше значениеborder="0"вовсе избавит нас от рамок.

Фреймы и ссылки.

Настало время оживить наш сайт ссылками.

ссылка <a href="text1.html">Бобы в горшочке по-итальянски</a>откроет данный документ в том же фрейме где она и находится, в нашем случае непосредственно в фрейме с содержанием, а само содержание в момент перехода по этой ссылки уйдёт в небытие..

<a href="text1.html" target="osnovnoe">Бобы в горшочке по-итальянски</a>

прежде чем ссылаться на какие либо документы, их необходимо создать.. в моём случае файлы (рецепты) имеют имена text.html, text1.html, text2.html…

Так же как и раньше документ можно открыть в отдельном окне. Напомню, пишется так:

<a href="text1.html" target="_blank">Бобы в горшочке по-итальянски</a>

Или же присвоив атрибуту targetзначение_topоткрыть его в этом же окне браузера, но на весь экран.. "обнулив" при этом всё что бы там не находилось.. пишется так:

<a href="text1.html" target="_top">Бобы в горшочке по-итальянски</a>

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

Иногда в страницу содержащую в себе не фреймовую структуру необходимо в отдельном окне вставить другой HTML документ или даже ряд таковых документов. Для выполнения этой цели существует тег <iframe>- так называемый плавающий фрейм.

Данный тег имеет ряд атрибутов:

src - обязательный атрибут, указывающий путь к открываемой странице width - ширина плавающего фрейма в пикселях или процентах height - высота плавающего фрейма scrolling - показ полосы прокрутки

  • no - никогда не показывать полосу прокрутки,

  • yes - всегда показывать,

  • auto - показывать в том случае если она необходима.

align - выравнивание пваюшего фрейма

  • left - слева

  • right - справа

  • top - выше

  • bottom - ниже

frameborder - наличие рамки вокруг плавающего фрейма

  • 1 - включить рамку

  • 0- выключить рамку

Всё вместе пишется так:

<iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1" ></iframe>

Пример документа с плавающим фреймом:

<html> <head> <title>Плавающий фрейм</title> </head> <body> <center><h2>Плавающий фрейм</h2></center> В эту страницу введён так называемый "плавающий фрейм". В отдельном окне он открывает для показа другой документ html. <br> <iframe src="primer.html" width="250" height="250" align ="left" scrolling="auto" frameborder="1"></iframe> <br> … … … <br> </body> </html>

С плавающим фреймом всё ещё более просто, достаточно написать нужный текст между <iframe> </iframe> и данная надпись будет выводится на экран, в том случае если браузер не поддерживает фреймы.

Вот так:

<iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1">Извините, но Ваш браузер не поддерживает фреймы..</iframe>

Соседние файлы в папке ИТ_Лекции