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 | Вертикальный отступ контента фрейма и его границей |
Инструменты
- Узнать ip адрес по домену сайта
- Генератор robots.txt
- Онлайн калькулятор XOR
- Компрессор HTML
- Текст в верхний регистр
- Генератор Iframe
- Перевод текста в транслит
- Текст в нижний регистр
- HTML редактор
- Генератор мета тегов
- Генератор паролей
- Удаление разрыва строк
- Генератор html таблиц
- Удаление лишних пробелов
- Массовый подбор цвета
- Генератор кнопок
- Получить код баннера