Как в html изменить цвет ссылки?

3 ноября 2014 г. Просмотров: 526

Цвет ссылок HTML задается при помощи соответствующих директив тега . Также для изменения параметров тега можно использовать код CSS, который позволяет более точно произвести настройку цветов и разметки страницы.

HTMLОткройте файл HTML при помощи любого текстового редактора. Для этого нажмите правой клавишей мыши на файле и выберите «Открыть с помощью», а затем укажите используемую программу.Перейдите к тегу страницы и задайте дополнительные атрибуты link, vlink и alink.

Параметр link определяет цвет обычной ссылки на странице и по умолчанию имеет значение «синий». Добавление атрибута alink позволит изменить цвет при нажатии левой клавишей мыши (по умолчанию красный). Vlink указывает на цвет ссылок, которые были уже посещены ранее. Задать параметры можно следующим образом:В данном примере цвет текста, выделенного тегом , был изменен на черный. При нажатии мышью фрагмент будет подсвечиваться зеленым. При повторном посещении страницы вы увидите, что ссылка имеет коричневый цвет.Вместо указания англоязычных названий вы также можете использовать шестнадцатеричные значения HTML, чтобы задать необходимый оттенок:CSSДля задания цвета на странице могут использоваться атрибуты CSS. Например:СсылкаСсылка 2Цвет текста задается путем указания в атрибуте стиля style параметра CSS color, который можно указать как в шестнадцатеричном, так и в словестном формате.Для задания цвета всем ссылкам на странице при помощи CSS перейдите в секцию . Укажите тег для объявления использования таблицы стилей в документе, а затем задайте параметры visited, active и hover для тега . Например, участок кода может выглядеть следующим образом:Название страницыa { color: green; }a:visited { color: grey; }a:active { color: yellow; }a: hover { color: orange; }</head>Простой атрибут a указывает на цвет обычной ссылки, размещенной на странице. A:visited определяет стиль для уже посещенной ранее ссылки, a:active будет подсвечена после нажатия мышью. Hover задает параметры цвета при наведении указателем на текст.Сохраните произведенные в файле изменения и проверьте результат работы заданного вами кода в окне браузера. Если все параметры были указаны верно, вы увидите изменения в отображении гиперссылок. Чтобы открыть HTML-документ в браузере, дважды кликните на нем левой клавишей мыши или нажмите правой клавишей мыши и выберите соответствующий пункт из выпадающего меню «Открыть с помощью».

Оцените статью!