Изменяем цвет ссылок на web-странице.

В этом небольшом уроке мы узнаем новые свойства о ссылках, которые еще не затрагивали в преведущих уроках.

Возвращаясь немного назад к уроку 9 в котором речь шла о ссылках, там мы изучили, что ссылки бывают абсолютные и относительные. По умолчанию ссылка в HTML обычно выделяеся из общего текста нижним подчеркиванием и имеет ярко синий цвет.

Но ведь можно задать любой цвет ссылки, да еще сделать разделение: не посещенная ссылка, посещенная ссылка, ссылка в момент нажатия (и соотвественно задать для каждого состояния свой цвет) делается это очень просто. В теге body прописываем следующие атрибуты с указанием названия цвета или его шестнадцатиричное значение:

• link=”#3562c5″ – ссылка еще не нажата посетителем сайта;
• vlink=”#c53535″ – ссылка которую уже посетили (открывали);
• alink=”#000000″ – цвет ссылки в момент нажатия на неё – активная ссылка;

Естественно здесь шестнадцатеричные цвета ссылок указаны для примера, выбирайте цвет для разного состояния ссылки в соотвествии со своим вкусом и общим дизайном сайта.

Итак открываем HTML-код нашей web-страницы, находим тег body и прописываем ему атрибуты указанные выше. Теперь код тега body с атрибутами выглядит так:

Листинг 12.1.

Сохраняем наш файл, обновляем и смотрим . Согласитесь смотрится симпатичнее и очень просто.