Як задати колір посилання
Якщо браузер відвідувача веб-сайту не знаходить в коді сторінки ніяких вказівок на колірне оформлення гіперпосилань, то він використовує значення за замовчуванням. Ці значення: синій для посилань в пасивному стані, червоний для активних (при наведенні курсору) посилань і відтінок кольору magenta для посилань вже відвіданих. Така колірна схема не завжди поєднується з колірним рішенням дизайну сторінки, тому зазвичай в код включають блок описів стилю посилань.
1
Складіть набір інструкцій для браузера, який буде містити описи квітів посилання в трьох станах. Виглядати він може, наприклад, так: a: link {color: Red-}
a: visited {color: Yellow-}
a: hover {color: Orange-} Тут "a" на початку кожного рядка називається «селектором» і вказує тег, до якого браузер повинен застосовувати поміщене в фігурні дужки опису стилю. "A" - Це і є тег гіперпосилання. Слово, доданий до селектора через двокрапку, називається «псевдокласів» - по ньому браузер визначає, до якого зі станів посилання відноситься стиль в фігурних дужках. link відповідає звичайній посиланням, visited - засланні вже відвідується, а hover - засланні в разі наведеного на неї курсорі. Кольори, присвоєні параметру color всередині фігурних дужок, можуть бути вказані як найменуванням відтінку кольору, так і його шістнадцятковим кодом.
a: visited {color: Yellow-}
a: hover {color: Orange-} Тут "a" на початку кожного рядка називається «селектором» і вказує тег, до якого браузер повинен застосовувати поміщене в фігурні дужки опису стилю. "A" - Це і є тег гіперпосилання. Слово, доданий до селектора через двокрапку, називається «псевдокласів» - по ньому браузер визначає, до якого зі станів посилання відноситься стиль в фігурних дужках. link відповідає звичайній посиланням, visited - засланні вже відвідується, а hover - засланні в разі наведеного на неї курсорі. Кольори, присвоєні параметру color всередині фігурних дужок, можуть бути вказані як найменуванням відтінку кольору, так і його шістнадцятковим кодом.
2
Якщо треба задати різні кольори різних груп посилань на сторінці, то надайте кожній групі власне позначення ( «клас») і зробіть для кожного з них окремий опис стилів. Наприклад, назвіть одну групу LinksRed, а іншу - LinksGreen. Тоді опис стилів буде виглядати так: a.LinksRed: link {color: Red-}
a.LinksRed: visited {color: Yellow-}
a.LinksRed: hover {color: Orange-} a.LinksGreen: link {color: Green-}
a.LinksGreen: visited {color: DarkGreen-}
a.LinksGreen: hover {color: Lime-} А в тегах посилань кожної групи треба вказати до якого класу вони відносяться. наприклад:Червона посилання
Зелена посилання
a.LinksRed: visited {color: Yellow-}
a.LinksRed: hover {color: Orange-} a.LinksGreen: link {color: Green-}
a.LinksGreen: visited {color: DarkGreen-}
a.LinksGreen: hover {color: Lime-} А в тегах посилань кожної групи треба вказати до якого класу вони відносяться. наприклад:Червона посилання
Зелена посилання
3
Ці інструкції написані на мові CSS (Cascading Style Sheets - «Каскадні таблиці стилів»), тому їх треба помістити всередину тега style, що відокремлює їх від інших інструкцій у вихідному коді сторінки, написаних на мові HTML (HyperText Markup Language - «мова розмітки гіпертексту» ):
4
Помістіть підготовлений блок опису стилів посилань в заголовну частину вихідного коду сторінки - вона обмежена тегами і .
Статті за темою "Як задати колір посилання"
Оцініть, будь ласка статтю