Приводим фреймы в опрятный вид.
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>