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

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

Колір посилань HTML задається за допомогою відповідних директив теґу < body >. Крім того, для зміни параметрів теґу < a > можна використовувати код CSS, який дозволяє більш точно налаштувати кольори та розмітки сторінки.

HTML

Відкрийте HTML-файл за допомогою текстового редактора. Для цього клацніть правою клавішею миші на файлі та виберіть "Відкрити за допомогою", а потім вкажіть програму, що використовується.


Перейдіть до тегу < body > сторінки та вкажіть додаткові атрибути link, vlink та alink. Параметр link визначає колір звичайного посилання < a > на сторінці та за замовчуванням має значення "синій". Додавання атрибута alink дозволить змінити колір, утримуючи ліву клавішу миші (за замовчуванням червоний). Vlink вказує на колір посилань, які були вже відвідані раніше. Ви можете вказати параметри наступним чином:

< body link = "black" vlink = "green" alink = "brown" > B даному прикладі колір тексту, виділеного тегом < a >, було змінено на чорний. Якщо ви натиснете кнопку миші, фрагмент буде підсвічуватися зеленим. Під час повторного відвідування сторінки ви побачите, що посилання має коричневий колір. Замість зазначення англомовних назв ви також можете використовувати шістнадцяткові значення HTML, щоб встановити необхідний відтінок:<body link = “#000FFF”>

CSS

Ви можете використовувати атрибути CSS для визначення кольору на сторінці. Наприклад:< а href = "шлях _ посилання" style = "color: # eeefff "> Посилання </a > < a href =" шлях _ посилання _ 2 "style =" color: maroon "> Посилання 2 </а > Колір тексту задається шляхом зазначення в атрибуті стилю style параметра CSS color, який можна вказати як у шістнадцятковому, так і в словестному форматі. Щоб задати колір всім посиланням на сторінці за допомогою CSS, перейдіть до розділу < head >. Вкажіть тег < style > для оголошення використання таблиці стилів у документі, а потім вкажіть параметри visited, active та hover для теґу < a >. Наприклад, ділянка коду може виглядати наступним чином:< head > < title > Назва сторінки </title > < style type = "text/css" > a {color: green; }a:visited { color: grey; }a:active { color: yellow; }a: hover { color: orange;} </style > </head > Простий атрибут a вказує на колір звичайного посилання, розміщеного на сторінці. A:visited визначає стиль для вже відвіданого раніше посилання, a:active буде підсвічено після натискання кнопкою миші. Hover визначає параметри кольору при наведенні курсором на текст. Збережіть виконані у файлі зміни та перевірте результат роботи вказаного коду у вікні переглядача. Якщо всі параметри були вказані правильно, ви побачите зміни у відображенні гіперпосилань. Щоб відкрити HTML-документ у переглядачі, двічі клацніть лівою клавішею миші або клацніть правою клавішею миші та виберіть відповідну команду зі спадного меню "Відкрити за допомогою".