Цвет ссылок

Задание цвета всех ссылок на странице

Цвета ссылок задаются в качестве параметров тега 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
Ссылка помещается между тегами  и , которые должны находиться внутри контейнера <a href=...> и </a>.

Пример 2. Изменение цвета ссылки с помощью тега FONT:

<html>
<body link=#FFCC00 vlink=#CECECE alink=#FF0000 bgcolor=black>

<a href=content.html>Содержание сайта</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> 
<a href=im.html style="color: #FFFFFF">Интернет-маркетинг</a> 
<a href=use.html style="color: rgb (255, 255, 255)">Юзабилити</a>

</body>
</html>

В примере приведены три разных способа задания цвета с помощью стилей.