среда, 25 января 2017 г.

Создание плавающего фрейма

Тег <iframe> определяет встроенную область (рамку), которая может отображать содержимое отдельно взятого документа или даже другого веб-сайта в ограниченном пространстве на текущей веб-странице. Содержимое внутри области существует независимо от окружающей страницы. Две страницы: родительская и дочерняя, отображаемая в рамке, могут взаимодействовать друг с другом через JavaScript или серверный язык программирования.

Тег <iframe> создает плавающий фрейм, который находится внутри обычного объекта, он позволяет загружать в область заданных размеров любые другие независимые файлы.
Тег <iframe> является контейнером, содержание которого игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами <iframe> и </iframe>.
Синтаксис
<iframe>...</iframe> - закрывющийся тег обязателен

Пример использования тега iframe

Чтобы вставить контейнер с информацией необходимо выполнить следующее:
<div class="iframe">
<p><strong>Технические характеристики</strong></p>
<iframe src="iframe/амфибия1.html" align="center"></iframe>
            </div>
Атрибут src указывает URL-адрес страницы для загрузки во встроенную область.
<div class="iframe">
Применим CSS
iframe{
            background: url(img/фон03.jpg);
            border : none;/* убираем рамку*/
            width : 350px;
            height: 210px;
}
.iframe p {
font-size: 14px;
font-style: oblique;
}
Веб-страница амфибия1.html содержится в папке iframe.
Содержимое страницы амфибия1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
      <title>iframe</title>
</head>
<body>
Снаряженная масса, т - 26.<br>
Объем ковша, м<sup>3</sup> - 0,8.<br>
Давление на грунт, МПа - 0,014.<br>
Скорость поворота платформы, об/мин - 11.<br>
Скорость хода, км/ч:<br>
по земле - 5,68<br>
по болоту - 1-5,68<br>
по воде - 1-5,68.<br>
Рабочая глубина в воде не более - 1,9 м.<br>
Расчетная производительность, м<sup>3</sup>/ч - 125.<br>
ДВИГАТЕЛЬ<br>
Модель Mitsubishi турбодизель.<br>
Мощность, кВт 110 при 2000 об/мин.<br>
РАБОЧИЙ ДИАПАЗОН<br>
(A) Максимальная высота выемки, мм - 10577.<br>
(B) Максимальная высота выгрузки, мм - 8430.<br>
(C) Максимальная глубина выемки, мм - 5704.<br>
(D) Максимальный радиус выемки, мм - 9925.<br>
Максимальное усилие вытягивания ковша, кН - 123.<br>
Максимальное усилие вытягивания рукояти ковша, кН - 100.<br>
ГАБАРИТНЫЕ РАЗМЕРЫ<br>
Общая длина, мм - 10000.<br>
Общая высота, мм - 3688.<br>
Общая ширина, мм - 5200.<br>
Клиренс противовеса, мм - 1984.<br>
Минимальный клиренс, мм - 1180.<br>
Длина шасси, мм - 7250. <br>
Ширина гусеницы, мм - 1500. <br>
</body>
</html>

Атрибуты:
-          align - определяет как фрейм будет выравниваться по краю, а также способ обтекания его контентом.
-          frameborder - устанавливает, отображать границу вокруг фрейма или нет.
-          height - высота фрейма.
-          hspace - горизонтальный отступ от фрейма до окружающего контента.
-          name - имя фрейма.
-          scrolling - способ отображения полосы прокрутки во фрейме.
-          src - путь к файлу, содержимое которого будет загружаться во фрейм.
-          vspace - Вертикальный отступ от фрейма до окружающего контента.
-          width - ширина фрейма.
-          marginheight - отступ сверху и снизу от содержания до границы фрейма.
-          marginwidth - отступ слева и справа от содержания до границы фрейма.

Пример использования тега iframe

Комментариев нет :

Отправить комментарий

Номер страницы