Создание фреймов - Форум
( Новые сообщения ·Правила форума ·Поиск ·RSS )
Страница 1 из 11
Модератор форума: Ezhik 
Форум » Статьи о HTML » Фреймы » Создание фреймов
Создание фреймов
EvgenyДата: Пятница, 19.02.2010, 09:07 | Сообщение # 1
Контр-Адмирал
Группа: Администраторы
Сообщений: 287
Статус:
Для создания фрейма используется тег < FRAMESET>, который заменяет тег < BODY> в документе и применяется для разделения экрана на области.
Внутри данного тега находятся теги < FRAME>, которые указывают на HTML-документ, предназначенный для загрузки в область (рис. 1).


[small]Рис. 1. Пример разделения окна браузера на фреймы[/small]

Для размещения фреймов, как показано на рис. 1, код будет следующий.

[small]Пример 1. Создание двух фреймов:[/small]

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фреймы</title>
</head>
<frameset cols="100,*">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</html>

Заметьте, что в данном примере используется другой < !DOCTYPE>, чем в обычных HTML-документах, это связано с применением фреймов. Указанный < !DOCTYPE> применяется только для главной страницы, определяющей структуру фреймов.

В данном примере окно браузера разбивается на две колонки, левая занимает 100 пикселов, а правая — оставшееся пространство, заданное символом звездочки. Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие таблиц.

В теге < FRAME> задается имя HTML-файла, загружаемого в указанную область, с помощью параметра src. В левое окно будет загружен файл, названный menu.html, а в правое —content.html. Каждому фрейму желательно задать его уникальное имя, чтобы документы можно было загружать в указанное окно.


[small]Рис. 2. Пример разделения окна браузера на фреймы[/small]

Если нужна более сложная структура фреймов, например, как показано на рис. 2, теги < FRAMESET> можно вкладывать один в другой (пример 2).

[small]Пример 2. Создание трех фреймов:[/small]

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фреймы</title>
</head>
<frameset rows="25%,75%">
<frame src="top.html" name="TOP" scrolling="no" noresize>
<frameset cols="100,*">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</frameset>
</html>

Первый тег < FRAMESET> разбивает окно браузера на две строки шириной 25 и 75%. А следующий, вложенный — создает две колонки, как и в примере 1.

Обратите внимание, что тег < BODY> при использовании фреймов не указывается, поскольку его функцию выполняет тег < FRAMESET>.

 
Форум » Статьи о HTML » Фреймы » Создание фреймов
Страница 1 из 11
Поиск:

Статистика Форума
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Evgeny Репутация [ 122 ]
akkemir22 Репутация [ 113 ]
Kuks64 Репутация [ 49 ]
Gavrik Репутация [ 48 ]
Anatoliy03 Репутация [ 37 ]
MiRel Репутация [ 33 ]
hius Репутация [ 23 ]
mVizio Репутация [ 19 ]
ewa69 Репутация [ 16 ]
straik67 Репутация [ 14 ]
Прочие [ 10 ]
О програмистах и Веб-Мастерах [ 6 ]
Про детей [ 6 ]
Про автомобилистов [ 5 ]
Про женщин [ 3 ]
Блондинка сдает на права ! (МЕГА ЖЕСТЬ) [ 2 ]
Про новых русских [ 2 ]
ВАЗ-2107 1000 лошадей [ 2 ]
Новый вид ББ-кодов на вашем сайте [ 2 ]
Про компьютеры [ 1 ]
Игры на телефон бесплатно [ 0 ]
Лучшее онлайн казино. Как обыграть казино? [ 0 ]
Инвест-Проект. Прибыль каждые 5 мин. [ 1 ]
Финансовая Взаимопомощь. Каждые 24ч получаете % [ 0 ]
Играть и зарабатывать онлайн [ 0 ]
Новый Топ пользователей с аватарами для Ucoz [ 0 ]
Простой и красивый вид формы опроса [ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz [ 0 ]
Flash радио для сайта [ 0 ]
Заработок на играх [ 0 ]