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

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2031
Поблагодарили: 62 раза

Введение в 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 — Стиль для ссылки при наведении на нее мышью
пример:

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

{
   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">
{
   color: #008800; 
}
   
a
:visited {
    color: #d6d6d6; 
}
   
a
:active {
    color: #336699; 
}
</
style>
</
head>
<
body>
<
a href="http://danfa.org">DANFA</a>
</
body>
</
html

Но лучше создать отдельный файл стилей style.css и прописать в нём код:

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

{
   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

в таком случаи ссылка будет оставаться всегда одного цвета.
Реклама

Вернуться в «HTML + CSS»

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

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