| Главная » Статьи » HTML » Ссылки |
С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок. Задание цвета всех ссылок на страницеЦвета ссылок задаются в качестве параметров тега <BODY>. Параметры являются необязательными и если они не указаны используются значения по умолчанию. LINK — определяет цвет ссылок на веб-странице
(цвет по умолчанию синий, #0000FF). В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #RRGGBB, где R, G и B обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1). Пример 1. Задание цветов ссылок  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Цвет ссылок</title> </head> <body link="red" vlink="#cecece" alink="#ff0000" bgcolor="black"> <p><a href="content.html">Содержание сайта</a></p> </body> </html> Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным. Замечание Значения параметров нечувствительны к регистру, поэтому корректно писать как #FFFFFF, так и #ffffff. Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A. visited — Стиль для посещенной ссылки. В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым параметром color, он задает цвет определенного текста, в данном случае, ссылок. Пример 2. Цвет ссылок, заданных через стили  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Использование стилей</title> <style type="text/css"> BODY { background: black; /* Цвет фона веб-страницы */ } A { color: red; /* Цвет ссылок */ } A:visited { color: #cecece; /* Цвет посещенных ссылок */ } A:active { color: #ffff00; /* Цвет активных ссылок */ } </style> </head> <body> <p><a href="content.html">Содержание сайта</a></p> </body> </html> Задание цвета отдельных ссылок на страницеВышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями. Для изменения цвета ссылки следует использовать параметр style="color: #rrggbb" в теге <А>, где #rrggbb — цвет в шестнадцатеричном представлении. Можно, также, использовать названия цветов или указывать цвет в формате: rgb (132, 33, 65). В скобках указаны десятичные значения красного, зеленого и синего цвета (пример 3). Пример 3. Изменение цвета ссылки с помощью стилей <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Цвет ссылок</title> </head> <body link="#ffcc00" vlink="#cecece" alink="#ff0000" bgcolor="black"> <p><a href="content.html" style="color: white">Содержание сайта</a></p> <p><a href="im.html" style="color: #ffffff">Интернет-маркетинг</a></p> <p><a href="use.html" style="color: rgb (255, 255, 255)">Юзабилити</a></p> </body> </html> В данном примере приведены три разных способа задания цвета с помощью стилей. | |
| Просмотров: 3497 | Комментарии: 7 | |
| Всего комментариев: 2 | |||
| |||
