Урок 3: Окна или фреймы
Позволяют разделить ваш экран на 2 независимые друг от друга части
Информация касательно этой операции содержатся в независимом файле html, часто в файле index.html (см. урок 2).
Информация бывает следующей:
- вертикальное или горизонтальное деление,
- размер окна,
- имя каждого из окон,
- адрес документов, которые открываются в каждом из окон,
- текст, который появляется, когда один слишком устаревший browser не может открыть фреймы (noframes)
Используются следующие обозначения:
|
rows |
Количество строк (горизонтальное деление). Число указывается в процентах или в «пикселях» |
|
cols |
Количество столбцов (вертикальное деление) Число указывается в процентах или «пикселях» |
|
frameborder |
Рамки окон "yes" или "no". |
|
bordercolor |
Цвет рамки |
|
src |
Происхождение |
|
noresize |
Запрещает изменение размера окон |
|
scrolling |
позволяет или запрещает использовать файлы в окне (пример: да, нет, автоматически) |
|
name |
позволяет именовать окна |
|
marginwidht |
Обозначение на границе окна |
|
marginheight |
Обозначение вверху или внизу страницы |
Пример горизонтального фрейма:
<html>
<frameset rows="90%,*"border ="1">
<frame src=lecon_3.html noresize scrolling=yes name=top>
<frame src=low.html scrolling=no name=bottom>
</frameset>
<noframes>
Если ваш компьютер не в состоянии открыть фреймы, чтобы прочесть урок, используйте
<a href="lecon.3.html"> нажмите здесь </a>
</noframes>
</html>
Щелкаете здесь чтобы видеть результат
Пример фреймов вертикальные:
<html>
<frameset cols= "100,*" framesborder ="1">
<frame src=left.html scrolling=no name=left>
<frame sr =lecon_3.html noresize scrolling=yes name=righ >
</frameset>
<noframes>
Если Ваш компьютер не в состоянии открыть фреймы, чтобы прочесть урок, используйте
<а href = "lecon.3.html"> нажмите здесь < /a >
</noframes >
</html>
Щелкаете здесь чтобы видеть результат
Атрибут " target " при гипертекстовой ссылке:
Если Web страницы составлена из двух окон или более, необходимо уточнять где должен появляться гипертекст
Это уточнение дается через указание адреса гипертекстовой ссылки. Мы используем для этой цели атрибут " target ", обозначающее цель
именно на этом основании мы даем имя каждому из окон
Пример: <a href="lecon3.html" target = "right">документ "lecon3.html" появится в окне назначенном " right "
target = " blank " помещает документ в новое окно
Попробуйте использовать ”target=”blank””, чтобы вернуться назад. Закройте документ
Упражнение:
- Измените результат упражнения 2, вводя фреймы
- Существует вариант соединения двух фреймов. Проявите изобретательность!