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.dev" target="iframe_a">html5css.dev</a></p>
Тег IFRAME в HTML
| Тег | Описание |
|---|---|
| <iframe> | Определяет встроенный фрейм |