ЯК змінити в html колір посилання

Початківці веб-розробники часто задаються питанням про зміну оформлення гіперпосилань. Це цілком природно, адже тема про правильне оформлення посилань постійно піднімається дизайнерами і верстальниками.

Інструкція

За замовчуванням, посилання оформлюються синім (# 0000FF) кольором, мають нижнє підкреслення і міняють колір при переході на фіолетовий (# 800080), причому активні посилання виділяються червоним кольором (# FF0000). Установка квітів для всіх посилань на сторінці в різних їх станах здійснюється стандартними засобами HTML - трьома атрибутами тега . Зміна параметрів оформлення окремих посилань може бути здійснено за допомогою зміни значень атрибутів відповідного тега .

Існує три способи завдання значень для стильових атрибутів. У всіх випадках необхідно вказувати колір шрифту і підкреслення, який може мати вигляд шістнадцятирічного коду в повному (#FFFFFF) або скороченому (#fff) варіантах. Колір можна вказати також у форматі RGB (101, 010, 111) або стандартним html-значенням стильового атрибуту, тобто ключовим словом (grey, red і т.д.). Ці значення встановлюються для атрибутів link, alink і vlink.

Необов`язковий атрибут link тега визначає колір всіх гіперпосилань, які є на сторінці. Якщо атрибут не вказаний, приймається значення за замовчуванням.

Необов`язковий атрибут alink тега визначає колір всіх активних гіперпосилань, тобто змінює колір посилання на вказаний при натисканні на неї. Активними гіперпосиланнями також вважаються елементи меню, які вказують на сторінку, відкриту в браузері в даний момент. Якщо атрибут не вказаний, приймається значення за замовчуванням.

Необов`язковий атрибут vlink тега визначає колір всіх відвіданих гіперпосилань, тобто змінює колір посилання після переходу по ній. Якщо атрибут не вказаний, приймається значення за замовчуванням.

Для зміни кольору всіх гіперпосилань можна використовувати в документі HTML властивості CSS. Вони прописуються між парними тегами, зазначеними між обов`язковими тегами і . Властивості задаються через селектор A: за допомогою псевдокласу visited, що визначає колір відвіданих посилань, active, що вказує колір активних посилань, або hover, що задає колір посилань при наведенні на них курсору миші.

Якщо виникає необхідність змінити колір окремої посилання, а не всіх відразу, слід використовувати атрибут style для тега lt; а>, підключивши таким чином стилі до певного тегу. Значенням атрибута в даному випадку є властивість color, синтаксис написання такий: lt; а href = "#" style = "color: # FFFFFF / # fff / 101, 010, 111 / grey">, тобто можна використовувати будь-який з чотирьох методів вказівки кольору.