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> | Определяет встроенный фрейм |