<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>
В таком случаи ссылка будет оставаться всегда одного цвета.