Лабораторная работа 1 Основные положения

• Название: Лабораторная работа 1 Основные положения
• Дата: 11.04.2022
• Размер: 368.4 Kb.
• Имя файла: lab_rab (1).pdf
• Тип: Лабораторная работа; #461037
• страница: 5 из 8

Оглавление

1. Oc новы языка HTML
   
2. 
   Графика
   
3. 
   Изoбpaжeниe-кapтa
   
4. 
   Списки
   
5. 
   сh5.htm">Таблицы
   
6. 
   Фpeймы
   

Создадим документ, разбивающий окно просмотра с помощью фреймов на три прямоугольные области. Верхняя область содержит два фрейма, нижняя область состоит из одного фрейма. В нижней области располагается кнопка, которая обменивает содержимое верхних фреймов.
Область окна просмотра сначала разбивается на два фрейма по горизонтали. Параметр rows="список значений" задает количество и размеры фреймов по горизонтали. При описании тега определяется, что размер нижнего фрейма 50 пикселов, остальное пространство отводится под верхний фрейм. Верхний фрейм в свою очередь делится по вертикали на два фрейма, размеры которых заданы в процентах к области просмотра. HTML-код документа, создающий описанную фреймовую структуру, выглядит так, как указано в листинге 3, а.
Листинг 3, а. Три фрейма с кнопкой для обмена содержимого фреймов









Для ссылки на фреймы будем, как и ранее, использовать имена.
Сначала следует запомнить имя файла, загруженного в левый фрейм. Для этого используется переменная l. Затем в левый фрейм загружается документ, расположенный в правом фрейме. Это достигается выполнением оператора присваивания top.left.location=top.right.location
И, наконец, в правый фрейм загружается тот документ, адрес которого запомнили в переменной l.
HTML- код для нижнего фрейма представлен в листинге 3, б.
Листинг 3, б. Сценарий для нижнего фрейма

Обмен onclick="chframe()">

горизонтали и вертикали на заданное число пикселов.