- •Общие методические указания.
- •1. Общие принципы проектирования html-документа
- •1.1. Технология подготовки гипертекстового документа
- •1.2. Проектирование html – документа
- •1.3. Структура документов в формате html
- •Структура html – документа
- •2. Основы языка разметки html
- •2.1. Выравнивание параграфов текста
- •Форматирование шрифта
- •2.3. Цвет в html – документах
- •Графика в html-документах
- •Ссылки в html-документах
- •2.6. Фреймы в html-документах
- •2.7. Таблицы в html-документах
- •Табличная верстка.
- •2.8. Каскадные таблицы стилей
- •Создание файлов таблиц стилей
- •Пример 2.21. Встраивание таблицы стилей в html-документ.
- •Стили в операторах html
- •Интерактивные Web-страницы
2.3. Цвет в html – документах
Язык разметки гипертекста HTML позволяет указывать цвет фона документа, текста (заголовков и отдельных слов), полей ссылок на другие документы и так далее.
Обозначение цвета. Цвет отдельных элементов HTML-документа задается соответствующими атрибутами (параметрами) этих элементов в системе RGB (red, green, blue). Яркость каждого цвета задается одним байтом и, следовательно, число возможных комбинаций (16 777 216) определяет число возможных цветовых оттенков. В качестве параметра элементам необходимо передавать либо численные значения отдельных компонент цвета, либо символическое название цвета. Численное значение указывается в виде #RRGGBB, где RR интенсивность красной компоненты цвета, GG – зеленой и BB – голубой. Интенсивность цвета задается в шестнадцатиричной системе счисления в диапазоне от 00 до FF. Можно использовать и десятичную систему счисления. В этом случае цвет задается вызовом функции rgb(rr,gg,bb), параметры которой можно задавать в виде десятичного числа от 0 до 255 или в процентах (от 0 до 100). Например, значения rgb(127, 255, 127) и rgb(50%, 100%, 50%) определяют идентичные цвета. Соответствие некоторых символических имен и численных значений цвета:
Символическое название |
Цвет |
Численное значение |
Aqua |
Морская волна |
#00FFFF |
Black |
Черный |
#000000 |
Blue |
Голубой |
#0000FF |
Fuchsia |
Малиновый |
#FF00FF |
Gray |
Серый |
#808080 |
Green |
Зеленый |
#008000 |
Lime |
Ярко – зеленый |
#00FF00 |
Maroon |
Темно – красный |
#800000 |
Navy |
Темно – синий |
#000080 |
Olive |
Оливковый |
#808000 |
Purple |
Пурпурный |
#800080 |
Red |
Красный |
#FF0000 |
Silvtr |
Серебряный |
#C0C0C0 |
Teal |
Темная морская волна |
#008080 |
White |
Белый |
#FFFFFF |
Yellow |
Желтый |
#FFFF00 |
Изменение цвета фона документа HTML. По умолчанию программы просмотра отображают фон документов HTML серым цветом. С помощью параметра BGCOLOR оператора <BODY> можно изменять цвет фона документа. Например, <BODY bgcolor="#C0C0C0"> или <BODY bgcolor="#Silver">. И в том, и в другом случае будет задан серебряный фон документа.
Точно также в качестве фона документа может быть выбрано изображение. В этом случае применяется параметр background оператора <BODY>. Например, <BODY background="Bk_paper1.jpg">.
Изменение цвета текста документа HTML. Цвет текста HTML – документа может быть задан параметром COLOR в операторе <BASEFONT>, задающем параметры базового шрифта. Например, <p> <basefont color=red>. Изменение цвета текста в HTML – документе, относительно базового цвета задается параметром COLOR оператор <FONT>. Например, <p> <font size=+2 color=Lime>. Различные способы задания цвета текста рассматривается в примере 2.8.