Html. Урок #8. Цвета и фреймы
Добавьте в HTML красок!
Цвет в HTML задаётся с помощью шестнадцатеричного кода.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
Как видите, всего 16 символов: от 0 до F, где 0 представляет наименьшее значение, а F — наибольшее.
Цветовая модель HTML
Любой цвет — это комбинация красного, зелёного и синего света (отсюда RGB, от англ. red, green, blue).
Шестнадцатеричный код цвета состоит из символа решётки (#), за которым следуют три или шесть шестнадцатеричных символов.
Если Вы посмотрите на рисунок, то заметите: там, где круги накладываются, образуются новые цвета:
Цветовые коды
Общее количество всех возможных комбинаций красного, зелёного и синего превышает 16 миллионов.
Вот лишь некоторые из них:
Цвет фона и шрифта
Атрибут bgcolor используется для изменения цвета фона веб-страницы.
В этом примере выйдет темно-синий фон с белым заголовком:
<html> <head> <title>Первая страница</title> </head> <body bgcolor="#000099"> <h1> <font color="#FFFFFF">Заголовок белым цветом</font> </h1> </body> </html>
Результат:
ФРЕЙМЫ
Тег <frame>
Веб-страницу можно разделить на фреймы (кадры, окна) с помощью специального документа.
Отдельное окно (фрейм) создаётся с применением тегов <frame>, которые заключаются в пару <frameset>. Каждый тег <frame> внутри элемента <frameset> может содержать различные атрибуты: border (рамка), scrolling (прокрутка), noresize (запрет изменять размер) и т.д.
В элементе <frameset> назначается количество строк или столбцов фреймов, а также указывается размер каждого из них в процентах или пикселах.
<frameset cols="100, 25%, *"></frameset> <frameset rows="100, 25%, *"></frameset>
Тег <frameset> был отменен в языке HTML5.
Работаем с фреймами
Когда необходимо запретить изменение размера фрейма пользователем, используется атрибут <noresize>:
<frame noresize="noresize">
Содержимое фрейма описывается с помощью атрибута src.
Наконец, элемент <noframes> даёт возможность просматривать веб-страницу в браузерах, которые не поддерживают фреймы. Внутри этого элемента может находиться альтернативная страница с тегами body и любыми другими элементами.
<frameset cols="25%,50%,25%"> <frame src="a.htm" /> <frame src="b.htm" /> <frame src="c.htm" /> <noframes>Фреймы не поддерживаются!</noframes> </frameset>