4.3 Встроенные фреймы
Элемент <iframe> открывает специальный вид панелей — встроенное окно или встроенный фрейм. В этом окне может отображаться другой документ. Использование элемента <iframe> показано в примере 4.5 и на рис. 4.4.
|
Пример 4.5. Встроенный фрейм |
|
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TIТLE>Встроенный фрейм</TITLE> </HEAD> <BОDY style="background-color: #dddddd"> <Р>Был воскресный вечер. Все было чисто и умыто</P> <DIV> Налюбовавшись  <IFRАМE align=middle width=70% height=350 src="framе-cell.html"> Здесь должен быть встроенный фрейм </IFRАМЕ> </DIV> <Р>- Эх, Киса, - сказал Остап, мы чужие на этом празднике жизни</P> </BODY> </HTML> |
Строка 7-12. Организуется блок <div>.
Строка 8. В блоке сначала выводится текст «Налюбовавшись».
Строка 9. Выводится фрейм, который имеет относительный размер по ширине (70%) и абсолютный по высоте (350 рх). Во фрейм выводится файл frame-cell.html. Фрейм выравнивается по середине строки.
Задание:
-
выполнить все примеры из лабораторной работы, сохраняя каждый пример в отдельном файле;
-
проверить правильность работы каждого примера;
-
показать преподавателю на компьютере все сделанные примеры, объясняя их работу;
-
оформить отчет о проделанной работе;
-
защитить лабораторную работу, ответив на вопросы преподавателя.
Содержание отчета:
-
титульный лист;
-
цель работы;
-
задание;
-
исходные тексты;
-
результаты работы;
-
выводы по работе.
Контрольные вопросы
-
Структура HTML-документа, назначение каждого из его разделов.
-
В чем назначение элемента META?
-
Назначение и способы задания заголовков в HTML.
-
В чем отличие между встроенными и блочными элементами в HTML?
-
Назначение и способы задания списков в HTML.
-
В чем отличие между физическим и логическим форматированием текста в HTML?
-
Какие существуют варианты использования таблиц в HTML?
-
Какие элементы HTML позволяют создать простую таблицу?
-
Какие элементы HTML дают дополнительные возможности по управлению внешним видом таблицы?
-
В чем назначение гипертекстовых ссылок в HTML, и какие есть варианты их задания?
-
Какой элемент HTML позволяет разместить на странице изображение, и какие у него есть атрибуты?
-
Что называется картой ссылок, и какие элементы HTML позволяют ее задать?
-
Как поместить внешний объект, например, видеоклип на HTML-странице?
-
В чем назначения, и какие атрибуты HTML-элемента input?
-
В чем назначения, и какие атрибуты HTML-элемента select?
-
Что такое фреймы и в чем отличие структуры HTML-документа, содержащего фреймы?
-
В чем назначения, и какие атрибуты HTML-элементов FRАMESET и FRАME?
-
Что необходимо сделать, чтобы при активизации ссылки документ, на который она указывает, отображался в конкретном, заранее заданном фрейме?
-
Что такое встроенный фрейм и как его задать в HTML?