Отправляет email-рассылки с помощью сервиса Sendsay

Рецепты HTML

  Все выпуски  

Рецепты HTML


Служба Рассылок Subscribe.Ru
Рецепты HTML
http://html.krsk.ru

Добрый день.
Поздравляю всех дам с праздником весны 8 марта!

Пополнился раздел Инструментарий. Теперь в нем можно задать свой вид курсора.

Новая статья "Цвета текстовых ссылок" посвящена разным способам задания цвета у ссылок на веб-странице.

Цвета текстовых ссылок

Определение цвета всех ссылок на странице

Для задания цвета текстовых ссылок на странице используются параметры тега BODY, как показано в примере ниже.

Пример 1. Задание цветов ссылок на странице с помощью тега BODY
<html>
<body link="#00FF00" vlink="#808080" alink="#FF0000">

</body>
</html>

link - цвет ссылок (цвет по умолчанию синий - #0000FF).
vlink - цвет посещенных ссылок, т.е. цвет ссылок на страницы, где посетитель уже побывал (цвет по умолчанию фиолетовый - #800080).
alink - цвет активной ссылки, такой цвет становится у ссылки при нажатии на нее курсором мыши (цвет по умолчанию - #FF0000).

Задание цвета отдельных ссылок

Выше описан способ, вошедший во все учебники по HTML и не представляющий особого интереса, и так все про него знают. Особый случай представляется, когда на одной странице необходимо сделать ссылки разных цветов. Для этого можно воспользоваться двумя разными способами.
Первый способ состоит в помещении тега FONT между <a href=...> и </a>. Данный прием работает во всех браузерах, разве что кроме Internet Explorer 3 и ниже. А уж с помощью FONT можно задать любой цвет, какой пожелаете. Главное, чтобы открывающий и закрывающий тег <font> и </font> находились между <a href> и </a>. В противном случае, цвет останется неизменным.

Пример 2. Задание цвета ссылок с помощью тега FONT

<html>
<body link="#00FF00" vlink="#808080" alink="#FF0000">

<a href="mypage1.html">Ссылка 1</a>
<a href="mypage2.html"><font color=#ff0000>Ссылка 2</font></a>

</body>
</html>

| Ссылка 1 | Ссылка 2 | Ссылка 3 |

Еще один распространенный способ изменения цвета отдельных ссылок заключается в использовании каскадных стилей (CSS). Более подробно читайте в статье Такие разные ссылки.

Пример 3. Задание цвета ссылок с помощью стилей

<html>
<body link="#00FF00" vlink="#808080" alink="#FF0000">

<a href="mypage.html" style=""color:" #ff0000">Ссылка</a>

</body>
</html>

Можно объединить два последних примера в один и одновременно задавать цвет с помощью стиля и с помощью тега FONT.

Пример 4. Задание цвета ссылок с помощью тега FONT и стиля

<html>
<body link="#00FF00" vlink="#808080" alink="#FF0000">

<a href="mypage.html" style=""color:" #ff0000"><font color=#ff0000>Ссылка</font></a>

</body>
</html>

Последний способ примечателен тем, что работает во всех браузерах. Цвет в описании стиля и шрифта, понятное дело, должен совпадать . Если он будет различаться, то параметр <font color=...> имеет преобладающее значение.


Рекомендую подписаться на рассылку:
Каскадные таблицы стилей

Copyright Влад Мержевич. По всем вопросам пишите мне по адресу inferos@mail.ru


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное