HTML тег <iframe>

В этой главе:

  • Тег <iframe>

  • Настройка высоты и ширины

  • Атрибут name

Тег <iframe>

Тег <iframe> определяет встроенный frame (рамку - область заданных размеров для отображения внутри любых других независимых документов-страниц).

Синтаксис тега <iframe>:

1
<iframe src="url"></iframe>

В атрибуте src нужно указать адрес документа, который вы хотите увидеть в данном элементе.

Настройка высоты и ширины

С помощью атрибутов width и height можно задать размер элемента <iframe>. По умолчанию в качестве значения указывается число, которое означает размер в пикселях, однако вы также можете в качестве значения указать размер и в процентном соотношении, например 80%.

Попробуйте сами:

1
2
3
4
5
6
7
8
9
<html>
  <body>
 
    <iframe src="httр://www.puzzleweb.ru" width="600" height="250">
      Ваш браузер не поддерживает iframe!
    </iframe>
 
  </body>
</html>

Результат данного примера:

Атрибут name

Атрибут name элемента <iframe> определяет имя, которое, при совместном использовании с элементом <a> и его атрибутом target, позволяет открыть ссылку в указанной области. Значение атрибута name элемента <iframe> должно совпадать со значением атрибута target элемента <a>.

Попробуйте сами:

1
2
3
4
5
6
7
8
9
10
<html>
  <body>
 
    <iframe src="httр://www.puzzleweb.ru" name="iframe_1" width="600" height="250">
      Ваш браузер не поддерживает iframe!
    </iframe>
    <p><a href="httр://www.puzzleweb.ru/html/00_teacher.php" target="iframe_1">ссылка</a></p>
 
  </body>
</html>

Чтобы увидеть результат данного примера, нажмите здесь: