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