Все для создания и продвижения сайтов

Верстка, программирование, SEO

iframe html: примеры

количество просмотров 3968
iframe html: примеры

В 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 Вертикальный отступ контента фрейма и его границей
Последние статьи

Инструменты

Отблагодарить и поддержать автора
Если вы нашли ошибку, выделите её и нажмите Ctrl+Enter
Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.