Пример 16. Страница с фреймами
<html>
<head>
<title>RTS</title>
</head>
<frameset rows="8%,*">
<frame name="banner" scrolling="no" noresize target="contents" src="tt.htm">
<frameset cols="20%,*">
<frame name="contents" scrolling="no" noresize target="main" src="rtslst.htm">
<frame name="main" src="tit.htm">
</frameset>
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</html>
Рис. 8.17. Пример страницы, использующей фреймы
В этом примере использованы вложенные теги <frameset>. Он указывают, каким образом разделить окно. Первый тег <frameset> делит страницу на два горизонтальных фрейма: фрейм-строку шириной 8% высоты страницы (тег <frameset rows="8%,*">) и фрейм , размер которого задан относительно (*). Для верхнего фрейма-строки запрещено использование полос прокрутки и изменение размера фрейма (атрибуты scrolling="no" noresize тега frame). В этот фрейм загружается файл с именем tt.htm. Этот файл содержит фразу заголовка с соответствующим оформлением (фоновый рисунок, цвет, размещение, выравнивание).
Вложенный тег <frameset cols="20%,*"> делит нижний горизонтальный фрейм еще на два вертикальных фрейма-столбца: ширина первого из них задана явно – 20% ширины страницы, а другого – относительно (*). В левый фрейм загружается файл rtslst.htm, содержащий перечень разделов сайта, оформленный в виде таблицы. В правый фрейм загружаются файлы, содержащие основную информацию страницы. Причем загружаться могут разные файлы, в зависимости от выбранного названия раздела. При начальной загрузке сайта – это титульный файл tit.htm, при выборе с помощью оглавления других разделов сайта в этот фрейм будут загружаться другие файлы.
Таким образом, можно просматривать информацию в главном фрейме (загружать различные файлы, пролистывать длинные файлы с помощью полосы прокрутки и т.п.), а в двух других фреймах при этом не будет изменяться содержимое. Т.е. постоянно на странице будет виден заголовок сайта в верхнем фрейме, а в левом фрейме - перечень разделов страницы, позволяющий быстро перемещаться по сайту (от одного раздела к другому).
Не все броузеры поддерживают фреймы. Для броузеров, не работающих с фреймами, в тексте документа есть тег <noframes>. Он сообщает, что данная страница содержит фреймы.
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
8.13. Цвета в html
Возможность менять цвет любого фрагмента отображаемой информации – один из самых замечательных способов придать тексту индивидуальность и выразительность. Изменение цвета различных элементов Web-страницы (фона, букв, линий, рамок и т.п.) осуществляется с помощью атрибута COLOR, имеющегося у многих тегов. Например:
<body bgcolor=aqua> - задает бирюзовый цвет фона страницы;
<font color=red> Красный текст </font> - задает красный цвет букв;
<TABLE WIDTH=500 HEIGHT=100 BGCOLOR=YELLOW> - задает желтый цвет фона таблицы
Шестнадцать стандартных цветов
При работе над Web-страницей можно использовать 16 стандартных цветов (см. табл. 8.3), а также задавать цвета, смешивая различные оттенки красного, зеленого и синего. Это позволяет создавать буквально миллионы цветовых оттенков.
Таблица 8.3
Black |
Черный |
Green |
Темно-зеленый |
Navy |
Темно-синий |
Teal |
Голубой |
Silver |
Светло-серый |
Lime |
Зеленый |
Blue |
Синий |
Aqua |
Бирюзовый |
Maroon |
Малиновый |
Olive |
Оливковый |
Purple |
Сиреневый |
Gray |
Темно-серый |
Red |
Красный |
Yellow |
Желтый |
Fuchsia |
Розовый |
White |
Белый |
Названия основных цветов легко запоминающиеся, и их можно (удобно) задавать непосредственно по именам. Эти цвета являются частью стандарта языка HTML и поддерживаются большинством броузеров.