Введение в HTML (Ссылки <a>)

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2081
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 67 раз

Введение в HTML (Ссылки <a>)

Сообщение Slash » Вт сен 18, 2012 10:01 am

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

Код: Выделить всё

<a href="index.html">Главная страница</a>
Пример ссылки для перехода на другой сайт:

Код: Выделить всё

<a href="http://danfa.org/">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="http://danfa.org">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="http://danfa.org/">DANFA</a> 
в таком случаи ссылка будет оставаться всегда одного цвета.

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость