HTML. Iframe. Фреймы
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
HTML. Как добавить фрейм на веб-странице? Использование фреймов - iframe
Фреймы используются для отображения веб-страницы внутри другой веб-страницы.
Синтаксис фреймов
HTML фрейм определяется тегом <iframe>:
<iframe src="URL"></iframe>
Атрибут src указывает URL-адрес (веб-адрес) страницы встроенного фрейма.
Iframe - установка высоты (height) и ширины (width)
Используйте атрибуты height (высота) и width (ширина), чтобы указать размеры фрейма. Значение атрибутов по умолчанию задаются в пикселях, но они также могут быть в процентах (например, "80%"). При этом для соответствия спецификации HTML5 в процентах можно указывать лишь через задание стилей для фрейма, то есть через CSS или атрибут style.
Если указать высоту и ширину фрейма в процентах непосредственно с помощью атрибутов height и width, то фрейм также будет работать, но при этом код не будет проходить валидацию и соответствовать спецификации HTML5.
Или вы можете использовать CSS для установки высоты и ширины фрейма (в пикселях или процентах):
Iframe - удаление границы
По умолчанию фрейм имеет границу вокруг себя. Чтобы удалить границу, добавьте атрибут style и используйте CSS свойство border:
Примечание. Для того, чтобы убрать видимую границу фрейма, можно использовать два значения установки свойства border: border:0; или border:none;.
С помощью CSS можно также изменить размер, стиль и цвет границы фрейма:
Iframe - цель для ссылки - target
В качестве целевого фрейма для ссылки можно использовать iframe. Атрибут target ссылки должен ссылаться на атрибут name фрейма:
Пример:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Попробуйте сами »
Проверьте себя с помощью упражнений!
HTML тег iframe
| Тег | Описание |
|---|---|
<iframe> |
Определяет встроенный фрейм |
Примечание: Для получения полного списка всех доступных HTML тегов, посетите Справочник HTML тегов.