ОписаниеТег <IFRAME> создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Тег <IFRAME> является контейнером, содержание которого игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами <IFRAME> и </IFRAME>. Синтаксис<iframe>...</iframe>
Параметры
Закрывающий тегОбязателен. Пример 1. Использование тега <IFRAME> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования тега IFRAME</title> </head> <body> <iframe src="banner.html" width="468" height="60" align="left"> Ваш браузер не поддерживает плавающие фреймы! </iframe> </body> </html> Описание параметров тега <IFRAME>Параметр ALIGN
ОписаниеДля плавающего фрейма можно указать его положение на web-странице или задать способ обтекания текстом или другими элементами web-страницы. Способ выравнивания задается параметром align тега <IFRAME>. Синтаксис<iframe align="absmiddle | baseline | bottom | left | middle | right | texttop | top">...</iframe>
Аргументы
Наиболее популярные параметры - left и right, создающие обтекание текста вокруг фрейма. Чтобы текст не прилегал плотно к содержимому фрейма, рекомендуется в теге <IFRAME> добавить параметр hspace и vspace, задающих расстояние до текста в пикселах. Значение по умолчаниюbottom Пример 2. Выравнивание плавающего фрейма <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега IFRAME, параметр align</title> </head> <body> <iframe src="square.html" width="220" height="20" align="right"></iframe><br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit... </body> </html> Параметр FRAMEBORDER
ОписаниеПо умолчанию вокруг содержимого фрейма рисуется рамка с эффектом трехмерности. Чтобы ее скрыть применяется параметр frameborder. Синтаксис<iframe frameborder="yes | no">...</iframe>
<iframe frameborder="0 | 1"> ...</iframe> Аргументы
Значение по умолчанию1 Пример 3. Сокрытие исходной рамки вокруг фрейма <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега IFRAME, параметр frameborder</title> </head> <body> <iframe src="sample.html" width="340" height="50" frameborder="0" style="border: 2px solid black"></iframe> </body> </html> Параметр HEIGHT и WIDTH
ОписаниеДля изменения размеров фрейма средствами HTML предусмотрены параметры width и height. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры фрейма вычисляются относительно родительского элемента - контейнера, где находится тег <IFRAME>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. То есть, width="100%" означает, что фрейм будет занимать всю ширину web-страницы. Если значение высоты или ширины не заданы, то фрейм автоматически принимает размер 300 х 150 пикселов. Синтаксис<iframe height="высота">...</iframe>
<iframe width="ширина">...</iframe> АргументыЛюбое целое положительное число в пикселах или процентах. Значение по умолчаниюwidth - 300 пикселов, height - 150 пикселов. Пример 4. Ширина и высота фрейма <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега IFRAME, параметр width</title> </head> <body> <iframe src="sample.html" width="150" height="150"></iframe> </body> </html> Параметр HSPACE и VSPACE
ОписаниеДля любого фрейма можно задать невидимые отступы по горизонтали и вертикали с помощью, соответственно, параметров hspace и vspace. Особенно это актуально при обтекании содержимого фрейма текстом. В данном случае, чтобы текст не «наезжал» плотно на границу фрейма, необходимо вокруг него добавить пустое пространство. Синтаксис<iframe hspace="поля по горизонтали">...</iframe>
<iframe vspace="поля по вертикали">...</iframe> АргументыЛюбое целое положительное число в пикселах. Значение по умолчанию0 Пример 5. Поля вокруг фрейма <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега IFRAME, параметр hspace</title> </head> <body> <iframe src="sample.html" width="150" height="150" hspace="5" vspace="7"></iframe> </body> </html> Параметр NAME
ОписаниеВ обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name. В данном случае при создании ссылки у тега <A> требуется указать параметр target, в качестве значения которого выступает имя фрейма. Синтаксис<iframe name="имя">...</iframe>
АргументыДля указания имени используется набор символов, включая числа и буквы. При обращении к фрейму по имени соблюдайте то же написание, что и в параметре name. Значение по умолчаниюНет. Пример 6. Открытие ссылки во фрейме <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.or
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 270
| Теги: |
Всего комментариев: 0 | |