колір посилань
За допомогою HTML можна задавати кольори всіх посилань на сторінці, а також змінювати кольори для окремих посилань.
Завдання кольору всіх посилань на сторінці
Кольори посилань задаються в якості параметрів тега <BODY>. Параметри є необов'язковими і якщо вони не вказані використовуються значення за замовчуванням.
LINK - визначає колір посилань на веб-сторінці (колір за замовчуванням синій, # 0000FF).
ALINK - колір активного посилання. Колір посилання міняється при натисканні на неї кнопки миші. Колір за умовчанням червоний, # FF0000.
VLINK - колір вже відвіданих посилань. Колір за умовчанням фіолетовий, # 800080.
В HTML кольору задаються зазвичай цифрами в шістнадцятковому коді, у вигляді #RRGGBB, де R, G і B позначають відповідно червону, зелену і синю складову. Для кожного кольору задається шістнадцяткове значення від 00 до FF, що відповідає діапазону від 0 до 255 в десятковому численні. Потім ці значення об'єднуються в одне число, перед яким ставиться символ # (приклад 1).
Приклад 1. Завдання квітів посилань
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Колір посилань </ title>
</ Head>
<Body link = "red" vlink = "# cecece" alink = "# ff0000" bgcolor = "black">
<P> <a href="content.html"> Зміст сайту </a> </ p>
</ Body>
</ Html>
Колір не обов'язково ставити в шістнадцятковому форматі, можна використовувати і ключові слова. В даному прикладі колір фону веб-сторінки встановлений чорним, а колір посилань - червоним.
зауваження
Значення параметрів нечутливі до регістру, тому коректно писати як #FFFFFF, так і #ffffff.
Для зміни кольору посилань зручніше використовувати CSS. Щоб встановити колір для всіх посилань на веб-сторінці застосовуються наступні псевдокласи, які додаються до селектора A.
visited - Стиль для відвіданого посилання.
active - Стиль для активного посилання. Активною посилання стає при натисненні на неї.
hover - Стиль для посилання при наведенні на неї мишею.
У прикладі 2 показано, як змінити колір посилань на веб-сторінці за допомогою стилів. Для цього скористаємося стильовим параметром color, він задає колір певного тексту, в даному випадку, посилань.
Приклад 2. Колір посилань, заданих через стилі
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Використання стилів </ title>
<Style type = "text / css">
BODY {
background: black; / * Колір фону веб-сторінки * /
}
A {
color: red; / * Колір посилань * /
}
A: visited {
color: #cecece; / * Колір відвіданих посилань * /
}
A: active {
color: # ffff00; / * Колір активних посилань * /
}
</ Style>
</ Head>
<Body>
<P> <a href="content.html"> Зміст сайту </a> </ p>
</ Body>
</ Html>
Завдання кольору окремих посилань на сторінці
Вищеописаний спосіб завдання квітів працює для всіх посилань веб-сторінки. Однак, іноді виникає необхідність одночасно використовувати різні кольори. Світлі, наприклад, для темних областей веб-сторінки, а темні кольори - відповідно для світлих. Для цього також можна скористатися стилями.
Для зміни кольору посилання слід використовувати параметр style = "color: #rrggbb" в тезі <А>, де #rrggbb - колір у шістнадцятковому представленні. Можна, також, використовувати назви кольорів або вказувати колір в форматі: rgb (132, 33, 65). У дужках вказані десяткові значення червоного, зеленого і синього кольору (приклад 3).
Приклад 3. Зміна кольору посилання за допомогою стилів
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Колір посилань </ title>
</ Head>
<Body link = "# ffcc00" vlink = "# cecece" alink = "# ff0000" bgcolor = "black">
<P> <a href="content.html" style="color: white"> Зміст сайту </a> </ p>
<P> <a href="im.html" style="color: #ffffff"> Інтернет-маркетинг </a> </ p>
<P> <a href="use.html" style="color: rgb (255, 255, 255)"> Юзабіліті </a> </ p>
</ Body>
</ Html>
В даному прикладі наведено три різні способи завдання кольору за допомогою стилів.
Copyright що кредитують © www.htmlbook.ru
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.