Опубликован: 19.03.2007 | Уровень: для всех | Доступ: платный
Лекция 7:

Соединение страниц

Стили ссылок

Текстовые ссылки выводятся тремя различными цветами, чтобы определить три возможных состояния ссылки. Ссылка, которая еще не была посещена, выводится синим цветом, посещенная ссылка - пурпурным, а активная ссылка (кнопка мыши щелкнула при указании на текст ссылки) - красным цветом. Текстовые ссылки, кроме того, подчеркиваются.

Можно переопределить эти цвета и подчеркивание, а также включить другие визуальные индикаторы состояния ссылки с помощью селекторов таблицы стилей для тега <a>, показанных в таблице 7.1.

Таблица 7.1. Селекторы ссылок и оформление
Свойство Значение
a:link
a:hover
a:active
a:visited
Любое свойство текста

Селектор a:link определяет непосещенную ссылку, селектор a:hover - ссылку с расположенным над ней указателем мыши, селектор a:active - ссылку, на которой был сделан щелчок, а селектор a:visited - ссылку, которая была посещена. Это оформление состояния ссылок можно изменить с помощью любой комбинации свойств значений текстовых стилей. Следующая таблица стилей иллюстрирует возможные настройки для четырех состояний ссылок.

<style type="text/css">
  a:link    {color:blue; text-decoration:none; font-size:12pt}
  a:hover   {color:green; font-weight:bold; text-decoration:underline; 
             font-size:14pt}
  a:active  {color:red; text-decoration:underline; font-size:14pt}
  a:visited {color:gray; text-decoration:none; font-size:12pt}
</style>

<p><a href="SomePage.htm">Text Link</a></p>
Листинг 7.4. Задание стилей для текстовых ссылок
Оформление текстовых ссылок в соответствии с действиями пользователя

Рис. 7.1. Оформление текстовых ссылок в соответствии с действиями пользователя

Обычная непосещенная ссылка выводится синим цветом, но без подчеркивания. Когда курсор мыши перемещается поверх ссылки, она изменяет свой цвет на зеленый, подчеркивается и выводится размером 14pt. Когда делают щелчок на ссылке, ее цвет изменяется на красный. Посещенная ссылка выводится серым цветом без подчеркивания и размером 12pt.

Исключенные атрибуты <body>

Цвета ссылок страницы можно изменять, кодируя атрибуты в теге <body>. Существует три атрибута:

link="color"
vlink="color"
alink="color"

использующие имена цветов или шестнадцатеричные значения для задания цвета непосещенной ссылки, посещенной ссылки и активной ссылки, соответственно.

<body link="green" vlink="gray" alink="purple">

Эти атрибуты исключены в XHTML, поэтому следует отдать предпочтение применению подобных селекторов ссылок и свойствам таблиц стилей.

Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Владислав Нагорный
Владислав Нагорный

Подскажите, пожалуйста, планируете ли вы возобновление программ высшего образования? Если да, есть ли какие-то примерные сроки?

Спасибо!

Анатолий Федоров
Анатолий Федоров
Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989