Як змінити колір гіперпосилання.

Для зміни кольору гіперпосилань в веб-сторінках найчастіше використовується атрибут color мови CSS (Cascading Style Sheets - «Каскадні таблиці стилів»). Менш функціональні рішення цього завдання є і в мові HTML (HyperText Markup Language - «мова розмітки гіпертексту»).
Вам знадобиться
  • Базові знання мов HTML і CSS
Інструкція
1
Підготуйте блок опису стилів для гіперпосилань. У найпростішому вигляді він може виглядати, наприклад, так: a {color: Green} Тут "a" називається «селектором», який вказує, що міститься в дужках опис стилю має бути застосована до всіх тегам посилань в документі. Green визначає колір ссилкі.Ето дуже грубе визначення кольору , яке застосовується рідко. Набагато частіше в селектор "a" додається «псевдокласс» - це мітка, яка дозволяє вказати стиль посилання в трьох різних станах.
2
Використовуйте псевдокаласс link, щоб задати стиль для звичайного (неактивного) стану посилання. Виглядати це може, наприклад, так: a: link {color: Green}
3
Використовуйте псевдокаласс hover, щоб вказати, як має виглядати посилання при наведенні курсору миші. Наприклад: a: hover {color: Lime}
4
Використовуйте псевдокаласс visited для опису стилю вже відвіданого посилання. Наприклад: a: visited {color: DarkGreen}
5
Об'єднайте всі три стани в один блок опису стилів. Виглядати HTML-код, який містить CSS-опису стилів може, наприклад, так: Тут відкриває та закриває HTML-теги style повідомляють браузеру, де починається і закінчується опис стилів, а між ними вміщено опис поведінки посилань в трьох станах.
6
У зразку, використаному вище, зазначені тільки колірні характеристики, але в опис можна включити і інші атрибути. Наприклад, якщо дизайн сторінки вимагає, щоб в нормальному (неактивному) стані посилання не була підкреслена, а при наведенні курсора підкреслювалася, то код можна модифікувати так:
7
Якщо потрібно змінити колір тільки деяких посилань в сторінці, а решта залишити з установками за замовчуванням, то в тег кожної змінюваною посилання треба додати атрибут class. Наприклад, назвіть цей клас гіперпосилань ім'ям newLinks. Тоді тег посилання може виглядати так: текстове посилання Це ж ім'я класу треба додати і в опис стилів:
8
Помістіть підготовлений на основі описаних вище зразків код опису стилів в заголовну частину сторінки - між тегами і . При необхідності додайте в теги посилань атрибут class з ім'ям, використаним в описі стилів. Потім збережіть змінену сторінку, і процедура зміни кольору гіперпосилань буде завершена.