|
Этот раздел будет сложным для начинающего! Подобно таблицам
фреймы делят экран браузера на части. Отличие заключается в том, что страница содержащая фреймы, вообще не
является страницей, так как не имеет тела т.е. тега BODY. В ней должны располагаются теги
FRAMESET которые создают разметку для загрузки на экран одновременно нескольких
WEB-страниц. Левая часть этого учебника содержащая оглавление является фреймом в который постоянно загружена
самостоятельная страница -contents.htm Правый фрейм загружается различными документами в зависимости от
вызванной гиперссылки. Рассмотрим пример фреймового документа:
<html><head>
<title>Main_document</title>
</head>
<FRAMESET COLS="300,*">
<FRAME SRC="aaa.htm" name="frame_a">
<FRAMESET ROWS="50%,*">
<FRAME SRC="bbb.htm" name="frame_b">
<FRAME SRC="ccc.htm" name="frame_c">
</FRAMESET>
</FRAMESET>
</html>
| Схема фреймового документа
|
Первый тег <frameset cols="300,*"> делит окно браузера на две колонки размер первой из них 300 пикселов, размер второй (*)- все оставшееся место. Тег <frame src="aaa.htm" name="frame_a"> содержит ссылку на документ который будет загружаться в первый фрейм и одновременно присваивает самому фрейму имя, по которому в дальнейшем можно будет загружать в него другие страницы, давая на них гиперссылки с параметром target="frame_a" Например чтобы дать ссылку из frame_a на документы которые должны меняться в frame_b нужно расположить в frame_a страницу содержащую примерно следующее:
<a href="EEE.htm" target="frame_b">Документ ЕЕЕ</a>
<a href="uuu.htm" target="frame_b">Документ UUU</a>
Тег <frameset rows="50%,*"> делит вторую колонку на две продольные полосы по 50% каждая. Если при сложении обоих значений результат неравен 100%, то браузер сам рассчитает размеры фреймов пропорционально заданным значениям. Следующие два тега задают имена и URL для каждой из полученных полос поочередно. frameset требует закрывающего тега в отличие от frame. Если в теге frameset одновременно используются оба параметра cols и rows то создается простая фреймовая сетка :
<frameset cols="33%,33%,33%"
rows="50%,50%">
<frame name="fr_1" src="a.htm">
<frame name="fr_2" src="b.htm">
<frame name="fr_3" src="c.htm">
<frame name="fr_4" src="d.htm">
<frame name="fr_5" src="e.htm">
<frame name="fr_6" src="f.htm">
</frameset>
| Схема фреймовой сетки:
1фрейм |
2фрейм |
3фрейм |
4фрейм |
5фрейм |
6фрейм |
|
|
Перейти к разделу "Учебники по HTML"