ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML учебник

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts


HTML Iframes


IFRAME используется для отображения веб-страницы в веб-странице.


Синтаксис IFRAME

IFRAME HTML определяется тегом <iframe> :

<iframe src="URL"></iframe>

Атрибут src указывает URL (веб-адрес) встроенной страницы фрейма.


IFRAME-установка высоты и ширины

Используйте атрибуты height и width для указания размера IFRAME.

Значения атрибутов задаются в пикселях по умолчанию, но они также могут быть в процентах (например, "80%").

Пример

<iframe src="demo_iframe.htm" height="200" width="300"></iframe>

Или вы можете использовать CSS для установки высоты и ширины IFRAME:

Пример

<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>

IFRAME-удалить границу

По умолчанию в IFRAME есть граница вокруг него.

Чтобы удалить границу, добавьте атрибут style и используйте свойство CSS border:

Пример

<iframe src="demo_iframe.htm" style="border:none;"></iframe>

С помощью CSS можно также изменить размер, стиль и цвет границы IFRAME:

Пример

<iframe src="demo_iframe.htm" style="border:2px solid red;"></iframe>


IFRAME-цель для ссылки

В качестве целевого фрейма для ссылки можно использовать IFRAME.

Атрибут target ссылки должен ссылаться на атрибут name iframe:

Пример

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="https://html5css.ru" target="iframe_a">html5css.ru</a></p>

Тег IFRAME в HTML

Тег Описание
<iframe> Определяет встроенный фрейм