Фреймы
1.Набор фреймов:
<frameset>…</frameset>
Параметры
| cols
| Число фреймов-колонок
|
| rows
| Число фреймов-строк
|
| border
| Толщина рамки фреймов
|
| bordercolor
| Цвет рамки
|
| framespacing
| Пространство возле рамок
|
| frameborder
| Показ/скрытие рамки фреймов
|
2. Один фрейм:
<frame>
Параметры
| bordercolor
| Цвет рамки
|
| frameborder
| Показ/cкрытие рамки фреймов
|
| marginheight
| Высота верхнего и нижнего полей фрейма
|
| marginwidth
| Ширина левого и правого полей фрейма
|
| name
| Имя фрейма
|
| noresize
| Запрещает изменение размеров фрейма
|
| scrolling
| Показ/скрытие полос скроллинга
|
| src
| Имя и местоположение файла данных, отображаемых фреймом
|
Пример 1:
1.Создадим файл pageA.html
<html>
<head>
<title>Страница A</title>
</head>
<body bgcolor=#ff00ff text=navy>
<h2 align=center>Страница А</h2>
</body>
</html>
2.Создадим файл pageB.html
<html>
<head>
<title>Страница B</title>
</head>
<body bgcolor=#00ff00 text=navy>
<h2 align=center>Страница B</h2>
</body>
</html>
3.Создадим файл ex1.html
<html>
<head>
<title>Пример 1</title>
</head>
<frameset cols="50%, 50%">
<frame src=pageA.html>
<frame src=pageB.html>
</frameset>
</html>
4.Результат

Задание 1. Разработать страницу

Задание 2. Разработать страницу

Задание 3. Разработать страницу

Пример 2.
<html>
<head>
<title>Пример 2</title>
</head>
<frameset cols="100, *, 2*" border=12 bordcolor=#000000>
<frame src=pageA.html>
<frame src=pageB.html>
<frameset rows="*, *" border=12 bordcolor=#000000>
<frame src=pageC.html>
</frameset>
</html>
Задание 4. Разработать страницу

Пример 3.

<html>
<head>
<title>Пример 3</title>
</head>
<frameset cols="*, 70%">
<frame src=1.jpg scrolling=no>
<frame src=pageB.html>
</frameset>
</html>
Задание 5. Разработать страницу

Связь между фреймами
Пример 4.
1. Создадим страницу pageE.html:
<html>
<head>
<title>Страница E</title>
</head>
<body bgcolor=#ffffff text=navy>
Перейдём к странице
<a href=pageC.html>pageC.html</a>
</body>
</html>
2. Создадим страницу ex4.html:
<html>
<head>
<title>Пример 4</title>
</head>
<frameset cols="50%, 50%">
<frame src=pageA.html>
<frame src=pageE.html>
</frameset>
</html>
3. Запустим ex4.html:

После щелчка по ссылке получим:

Пример 5.
1. Создадим страницу pageE.html:
<html>
<head>
<title>Страница E</title>
</head>
<body bgcolor=#ffffff text=navy>
Перейдём к странице <a href=pageC.html target=frame_e>pageC.html</a>
</body>
</html>
2. Создадим страницу ex5.html:
<html>
<head>
<title>Пример 5</title>
</head>
<frameset cols="50%, 50%">
<frame src=pageA.html >
<frame src=pageE.html name=frame_e>
</frameset>
</html>
3.Запустим ex5.html.
Задание 6. Разработать страницу
После щелчка по ссылке на странице pageE страница pageC отображалась бы на странице pageA.