iframe html: примеры

1908

В html есть интересный тег <iframe>, который создаёт плавающий фрейм, а простым языком - выводит на страницу сайта окошко, внутри которого находится другая страница.

Синтаксис очень простой, рассмотрим на примере фрейма, который предлагает размещать сайт youtube.com.

Вставивь этот код мы увидим:

Довольно все легко, нам в основном потребуется знать что в атрибуте src указывается адрес сайта, а в атрибутах width и height - ширина и высота.

Давайте создадим фрейм этого сайта, указываем адресс на главную страницу - http://daruse.ru и желаемые соотношения высоты и ширины:

Ещё часто используют выравние окошка, аналогично, как и с текстом - атрибут align

Атрибуты iframe

align	Выравнивание фрейма (left,right,center)
height	Высота фрейма
width	Ширина фрейма
allowtransparency	Устанавливает прозрачный фон фрейма, через который виден фон страницы
frameborder	Если установлен,то у фрейма будет рамка
hspace	Горизонтальный отступ от фрейма до его контента
marginheight	Верхний и нижний отступ между содержанием и границей фрейма
marginwidth	Левый и правый отступ между содержанием и границей фрейма
name	Имя фрейма
sandbox	Даёт возможность указывать ограничения для фрейма
scrolling	Способ показа полосы прокрутки во фрейме (auto, no, yes)
seamless	Показ фрейма, как целое одного документа страницы
src	Путь до страницы для фрейма
srcdoc	Позволяет хранить содержимое фрейма внутри атрибута (srcdoc="html-код")
vspace	Вертикальный отступ контента фрейма и его границей

« Предыдущая статья

Маркеры списка в CSS

Следующая статья »

Прозрачный фон на css: background

Рубрики

Последние статьи

Инструменты

Отблагодарить и поддержать автора

Если вы нашли ошибку, выделите её и нажмите Ctrl+Enter