Регистрация
DANFA Сближает людей!

Гиперссылка (Введение в HTML)


Для переходов на другие страницы/сайты необходимо указать адрес точки прибытия, заключённый в тег <a> что называется ссылкой. Ссылка имеет единственный обязательный атрибут href, адрес документа служит как значение атрибута href. Пример ссылки для перехода на другую страницу:
<a href="index.html">Главная страница</a>

Пример ссылки для перехода на другой сайт:
<a href="https://danfa.net/">DANFA</a>

Изменить цвет ссылки
Для изменения цвета ссылки используется CSS и следующие атрибуты:
visited — Стиль для посещенной ссылки.
active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
hover — Стиль для ссылки при наведении на нее мышью.

Пример:
a {
   color: #008800;  /* Цвет ссылок */
}

a:visited {
    color: #d6d6d6; /* Цвет посещенных ссылок */
}

a:active {
    color: #336699; /* Цвет активных ссылок */
} 

Данный код можно прописывать в каждом документе, между тегами <head> и </head>, заключив между <style type="text/css"></style>, например:
<html>
<head>
<title>Проба</title>
<style type="text/css">
a {
   color: #008800; 
}
   
a:visited {
    color: #d6d6d6; 
}
   
a:active {
    color: #336699; 
}
</style>
</head>
<body>
<a href="https://danfa.net/">DANFA</a>
</body>
</html>

Но лучше (правило "хорошего тона") создать отдельный файл стилей "style.css" и прописать в нём код:
a {
   color: #008800; 
}

a:visited {
    color: #d6d6d6; 
}
   
a:active {
    color: #336699; 
}

Соединив файл стиля с документом, вставив между тегами <head> и </head> следующею строчку:
<link href="style.css" rel="stylesheet">

Ещё один способ изменения цвета ссылки, использовать атрибут style внутри самой ссылки:
<a style="color:#008800" href="https://danfa.net/">DANFA</a>

В таком случаи ссылка будет оставаться всегда одного цвета.
Теги: HTML, Ссылка
Написал(а)
АнтиБот проверка:
Reload Image
Введите код представленный на картинке выше.