Як змінити в html колір посилання
Відео: Основи HTML. Розфарбовуємо сторінку і текст
Початківці веб-розробники часто задаються питанням про зміну оформлення гіперпосилань. Це цілком природно, адже тема про правильне оформлення посилань постійно піднімається дизайнерами і верстальниками.
1
За замовчуванням, посилання оформлюються синім (# 0000FF) цвітом, мають нижнє підкреслення і змінюють колір при переході на фіолетовий (# 800080), причому активні посилання виділяються червоним кольором (# FF0000). Установка квітів для всіх посилань на сторінці в різних їх станах здійснюється стандартними засобами HTML - трьома атрибутами тега . Зміна параметрів оформлення окремих посилань може бути здійснене за допомогою зміни значень атрибутів відповідного тега .
2
Існує три способи завдання значень для стильових атрибутів. У всіх випадках необхідно вказувати колір шрифту і підкреслення, який може мати вигляд шістнадцятирічного коду в повному (#FFFFFF) або скороченому (#fff) варіантах. Колір можна вказати також в форматі RGB (101, 010, 111) або стандартним html-значенням стильового атрибуту, тобто ключовим словом (grey, red і т.д.). Ці значення встановлюються для атрибутів link, alink і vlink.
3
Необов`язковий атрибут link тега визначає колір усіх активних посилань, які є на сторінці. Якщо атрибут не вказаний, приймається значення за замовчуванням.
4
Необов`язковий атрибут alink тега визначає колір всіх активних гіперпосилань, то є змінює колір посилання на вказаний при натисканні на неї. Активними гіперпосиланнями також вважаються елементи меню, які вказують на сторінку, відкриту в браузері в даний момент. Якщо атрибут не вказаний, приймається значення за замовчуванням.
5
Необов`язковий атрибут vlink тега визначає колір всіх відвіданих гіперпосилань, тобто змінює колір посилання після переходу по ній. Якщо атрибут не вказаний, приймається значення за замовчуванням.
6
Для зміни кольору усіх активних посилань можна використовувати в документі HTML властивості CSS. Вони прописуються між парними тегами, зазначеними між обов`язковими тегами і . Властивості задаються через селектор A: за допомогою псевдокласу visited, що визначає колір відвіданих посилань, active, що вказує колір активних посилань, або hover, що задає колір посилань при наведенні на них курсора миші.
7
Якщо виникає необхідність змінити колір окремої посилання, а не всіх відразу, слід використовувати атрибут style для тега lt; аgt ;, підключивши таким чином стилі до певного тегу. Значенням атрибута в даному випадку є властивість color, синтаксис написання такий: lt; а href ="#" style ="color: # FFFFFF / # fff / 101, 010, 111 / grey" gt ;, тобто можна використовувати будь-який з чотирьох методів вказівки кольору.
Корисна порада
Найбільш гнучким методом завдання кольору є застосування до тегу посилання класу або ідентифікатора із завданням властивостей для них через підключений файл CSS.
Поділитися в соц мережах:
Схожі