Цветные страницы выглядят гораздо привлекательнее серых или черно-белых. Язык HTML позволяет указывать цвет фона, текста, полей ссылок на другие документы HTML и т. Д.
Цвет отдельных элементов документа HTML определяется соответствующими параметрами операторов, создающих эти элементы. В качестве значения операторам необходимо передавать или численное значение отдельных компонент цвета, или символическую название цвета.
Численное значение указывается в виде #RRGGBB, где RR определяет содержание красной компоненты цвета, GG - зеленой, а ВР - голубой.
Содержание компонент может изменяться в диапазоне от 0 до FF (шестнадцатеричное значение). Например, значение # FF0000 соответствует чистому красному цвету, а значение # 00FF00 - чистому зеленому цвету.
Если вы ограничите себя только 16 цветами, что допустимые в режиме VGA, то сможете указывать цвет символически. Ниже приведен список символических названий цвета, которые можно указывать в языке HTML:
Символическое название | Цвет | Числовое значення |
Aqua | Морская волна | #00FFFF |
Black | Черный | #000000 |
Blue | Голубой | #0000FF |
Fuchsia | Малиновый | #FF00FF |
Gray | Серый | #808080 |
Green | Зеленый | #008000 |
Lime | Ярко-зеленый | #00FF00 |
Maroon | Темно-красный | #800000 |
Navy | Темно-синий | #000080 |
Olive | Оливковый | #808000 |
Puiple | Пурпурный | #800080 |
Red | Красный | #FF0000 |
Silver | Серебряный | #С0С0С0 |
Teal | Темно-морская волна хвиля | #008080 |
White | Белый | #FFFFFF |
Yellow | Желтый | #FFFF00 |
По умолчанию навигаторы отражают фон документов HTML серым цветом. С помощью параметра BGCOLOR оператора <BODY> можно изменить цвет фона документа HTML, значительно улучшив его внешний вид:
<BODY BGCOLOR = # FFFF00>
Цвет текста легко изменить в операторе <FONT>, задавая параметр COLOR. В приведенном ниже фрагменте документа текстовая строка отображается красным цветом:
<FONT COLOR = RED> Красный цвет
Начертание шрифта.
Очень часто для выделения отдельных предложений, слов или символов используется изменение начертания шрифта. При этом можно указывать наклонный, жирный, подчеркнутый или перечеркнутый шрифт, шрифт с малым или большим размером символов, шрифт с мигающими символами, шрифт для отображения надстрочный или подстрочных индексов и т. Д. В ряде случаев можно указать даже название шрифта, такую, например, как Arial или Times New Roman. Однако, как мы уже говорили, нельзя рассчитывать, что навигатор пользователя сможет отобразить текст указанным вами шрифтом: этот шрифт может отсутствовать в системе пользователя.
Физическое форматирование символов.
В языке HTML определены операторы так называемого физического форматирования символов текста. Эти операторы определяют внешний вид символов явным образом.
Наряду с операторами физического форматирования существуют операторы логического форматирования, которые будут описаны в следующем разделе. Эти операторы предназначены для указания семантического (смыслового) назначения текста оформляется. Анализируя операторы логического форматирования, навигатор самостоятельно подбирает для этого текста шрифтовое оформление.
Ниже перечислены операторы физического форматирования:
Операторы Описание
<В> </ В> Выделение жирным шрифтом
<I> </ I> Выделение наклонным шрифтом
<U> </ U> Выделение подчеркиванием
STRIKE> </ STRIKE> Выделение перечеркиванием
<TT> </ ТТ> Оформление шрифтом с фиксированной шириной букв
<BIG> </ BIG> Текст с большим размером букв
<SMALL> </ SMALL Текст с малым размером букв
<BLINK> </ BLINK> Мигающий текст
<SUB> </ SUB> Подстрочный индекс
<SUP> </ SUP> Надстрочный индекс
С помощью параметра FACE оператора <FONT> возможно указать конкретные названия шрифтов, с использованием которых должен отображаться текст.
<FONT FACE = "Arial Cyr, Arial, Helv DL"> Шрифт Гельветика
Выделение параграфа горизонтальной линией.
При оформлении страниц WWW часто используется такой прием, как выделение пунктов горизонтальной линией. И хотя горизонтальную линию можно сделать из символов дефиса, гораздо лучше использовать для этого средства языка HTML. Если вставить линию с помощью команды HTML, навигатор может отобразить ее в красивом трехмерном виде с тенями, в результате чего она будет выглядеть намного привлекательнее. Для того чтобы включить в документ HTML горизонтальную разделительную линию, нужно использовать оператор <HR>. Этот оператор имеет ряд параметров, определяющих внешний вид линии:
Параметр | Описание |
ALIGN | Параметр ALIGN определяет выравнивание линии. Этот параметр может иметь одно из следующих значений: LEFT (вдоль левой границы), CENTER (центрирование), RIGHT (вдоль правой границы). По умолчанию линия центрируется. |
COLOR | Цвет разделительной линии. |
noshade | Если указан этот параметр, линия изображается плоской, без трехмерного выделения тенями. |
SIZE | Высота разделительной линии в пикселях. |
WIDTH | Ширина линии. Может указываться или в пикселях, или в процентном отношении от ширины окна. Если используется второй способ, после числа, задается значение параметра, должен находиться символ процента %. |
Организация списков.
Списки встречаются в документах очень часто. Конечно списки бывают маркированные и нумерованные (маркированными). В последнем случае каждый элемент списка выделяется каким-либо символом, конечно черной точкой.
Для создания списков в языке HTML определены операторы <LI>, <UL>, <OL>, <MENU> и <DIR>.
Маркированные списки.
Для создания маркированного списка предназначен оператор <UL>, который используется в паре с оператором </ UL>, закрывающий список. каждая строка в списке отмечается оператором <LI>, как это показано ниже:
<UL>
<LI> Первая строка
<LI> Вторую строчку
<LI> Третью строчку
</ UL>
Можно добавить в оператор <LI> параметр TYPE Этот параметр определяет внешний вид символа, используемого для выделения строки в списке и может иметь следующие значения:
Circle - Круглая точка
Square - Черный квадрат
Нумерованные списки.
Для создания нумерованных списков предназначен оператор <OL>, который необходимо использовать вместе с оператором </ OL>. Нумерованный список создается аналогично только рассматриваемом неупорядоченном списке. Каждая строка в списке должен быть отмечен оператором <L1>.
В операторе <OL> можно указывать перечисленные ниже параметры:
Параметр Описание
START Начальный номер для списка
TYPE Тип нумерации:
А большими буквами;
а строчными буквами;
I прописными римскими цифрами;
i строчными римскими цифрами;
1 арабскими цифрами;