HTML -фреймы
HTML iframe используется для отображения веб-страницы на веб-странице.
Синтаксис HTML-фрейма
Тег HTML <iframe>определяет встроенный фрейм.
Встроенный фрейм используется для встраивания другого документа в текущий HTML-документ.
Синтаксис
<iframe src="url" title="description"></iframe>
Совет: Рекомендуется всегда включать
titleатрибут для файла <iframe>. Это используется программами чтения с экрана для считывания содержимого iframe.
Iframe — установка высоты и ширины
Используйте атрибуты heightи widthдля указания размера iframe.
Высота и ширина по умолчанию указаны в пикселях:
Пример
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Или вы можете добавить styleатрибут и использовать CSS heightи width
свойства:
Пример
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe — удалить границу
По умолчанию iframe имеет рамку вокруг него.
Чтобы удалить границу, добавьте styleатрибут и используйте
borderсвойство CSS:
Пример
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
С помощью CSS вы также можете изменить размер, стиль и цвет границы iframe:
Пример
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe — цель для ссылки
iframe можно использовать в качестве целевого фрейма для ссылки.
Атрибут targetссылки должен ссылаться на nameатрибут iframe:
Пример
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Краткое содержание главы
- Тег HTML
<iframe>определяет встроенный фрейм - Атрибут
srcопределяет URL-адрес страницы для встраивания. - Всегда включать
titleатрибут (для программ чтения с экрана) - Атрибуты
heightиwidthопределяют размер iframe - Используйте
border:none;, чтобы удалить границу вокруг iframe
HTML-упражнения
HTML-тег iframe
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .