Цвет ссылок
С помощью HTML можно задавать цвета всех ссылок на странице, а также
изменять цвета для отдельных ссылок.
Задание цвета всех ссылок на странице
Цвета ссылок задаются в качестве параметров тега BODY.
Параметры являются необязательными и если они не указаны используются
значения по умолчанию.
LINK — определяет цвет
ссылок на веб-странице (цвет по умолчанию синий, #0000FF).
ALINK — цвет активной ссылки. Цвет ссылки
меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный,
#FF0000.
VLINK — цвет уже посещенных
ссылок. Цвет по умолчанию фиолетовый, #800080.
В HTML цвета задаются цифрами в шестнадцатеричном коде, в виде
#RRBBGG, где R, G и B обозначают соответственно красную, зеленую
и синюю составляющую. Для каждого цвета задается шестнадцатеричное
значение от 00 до FF, что соответствует диапазону от 0 до 255 в
десятичном исчислении. Затем эти значения объединяются в одно число,
перед которым ставится символ #.
Пример 1. Задание цветов ссылок
<html>
<body link=#FFCC00 vlink=#CECECE alink=#FF0000 bgcolor=black>
<a href=content.html>Содержание сайта</a>
</body>
</html>
Задание цвета отдельных ссылок на странице
Вышеописанный способ задания цветов работает для всех ссылок веб-страницы.
Однако, иногда возникает необходимость одновременно использовать
разные цвета. Светлые, например, для темных областей веб-страницы,
а темные цвета — соответственно для светлых. Для этого существует
два основных метода.
1. Использование тега FONT
Ссылка помещается между тегами <font>
и </font>, которые должны находиться
внутри контейнера <a href=...>
и </a>.
Пример 2. Изменение цвета ссылки с помощью тега FONT
<html>
<body link=#FFCC00 vlink=#CECECE alink=#FF0000 bgcolor=black>
<a href=content.html><font color=#FFFFFF>Содержание
сайта</font></a>
</body>
</html>
В приведенном примере оранжевый цвет ссылки, заданный в теге BODY
заменяется на белый с помощью тега FONT.
2. Использование стилей
Для изменения цвета ссылки следует использовать параметр style="color:
#rrggbb" в теге А, где #rrggbb
— цвет в шестнадцатеричном представлении. Можно, также, использовать
названия цветов или указывать цвет в формате: rgb
(132, 33, 65). В скобках указаны десятичные значения красного,
зеленого и синего цвета.
Пример 3. Изменение цвета ссылки с помощью стилей
<html>
<body link=#FFCC00 vlink=#CECECE alink=#FF0000 bgcolor=black>
<a href=content.html style="color: white">Содержание
сайта</a><br>
<a href=im.html style="color: #FFFFFF">Интернет-маркетинг</a><br>
<a href=use.html style="color: rgb (255, 255,
255)">Юзабилити</a>
</body>
</html>
В примере приведены три разных способа задания цвета с помощью
стилей.