Как вставить в html iframe?

В html есть один интересный тег, с помощью которого можно на свою веб-страничку вставить другую, причем она будет выглядеть так, как будто вшита в вашу. Это заметка о том, как вставить в html iframe.

Вставка iframe

Итак, с помощью этого парного тега можно вставить в свою статью страницу с любого веб-сайта в интернете. Давайте рассмотрим вот такой фрагмент кода:

<iframe width="650" height="600" src="http://mysite.ru" name="iframe" scrolling="auto"> </iframe>

Как видите, все параметры вставки задаются в атрибутах тега. О первых двух, я думаю, вам объяснять ничего не надо – это ширина и высота нашего фрейма, в котором будет находиться нужная страничка. Размеры нужно подбирать исходя из ширины вашего контентного блока.

Адрес нужной страницы задается в атрибуте src. В нем нужно написать полный адрес до сайта/веб-страницы. Следующий атрибут – имя фрейма. Тут можно написать произвольное значение. Наконец, scrolling отвечает за появление полос прокрутки, а его значение auto делает так, что прокрутка появится только при необходимости. Также тут можно задать значение no. В этом случае полосы прокрутки не будут появляться, но тогда и прокрутить страницу нельзя будет — вы сможете только просмотреть ее фрагмент, на сколько хватит заданной высоты.

Остальные параметры при необходимости вы можете задать через css. Например, это могут быть отступы или рамка.

Понравилась статья? Поделиться с друзьями:
Комментариев: 2
  1. Айк

    Привет !

    Поставил, но код не работает и ничего не выводит :

    1nformercom.speedtestcustom.com

    1informer.com

  2. Алексей

    Про все понятно. Не понятно другое: как с помощью JavaScript изменять src, чтобы по некому событию загружать в iframe новые html? И еще: если такой способ подгрузки уже устарел и не воспринимается, чем его заменить?

Добавить комментарий