Как изменить цвет ссылки на html и php странице. Задаём цвет всем ссылкам на странице сайта.

На этом уроке мы посмотрим как изменять цвет ссылки. Для начала посмотрим как изменить цвет одной ссылки далее будем задавать цвет ссылкам на всей странице. Смотрите первый пример, как изменить цвет ссылки, он выделен красным.

<a href="http://www.sozdat-svoysayt.ru" style="color:#FF0000"> Меняем цвет одной ссылки на красный пример 1 </a>

Вот второй пример как изменить цвет ссылки в обоих случаях цвет будет красным.

<a href="http://www.sozdat-svoysayt.ru"><font color="red">Меняем цвет одной ссылки на красный пример 2 </font></a>

Теперь ниже посмотрите оба примера размещенные на html странице сайта и открытые в браузере как видите они оба красного цвета так что можно применить любой способ:

Меняем цвет одной ссылки на красный пример 1

Меняем цвет одной ссылки на красный пример 2

Далее посмотрим, как задать цвет ссылкам на всей html или php странице> сайта. Сделаем так, что цвет ссылок по умолчанию будет чёрным, цвет активных ссылок зеленым, а цвет посещенных красным, для этого мы используем следующие атрибуты: link - цвет обычных ссылок, то есть по умолчанию, alink - цвет активных ссылок и vlink - цвет уже посещенных ссылок. Для тех, кто не знает, активными ссылки становятся в момент клика. Чтоб всё это работало нам надо в самом начале страницы в теге <body> добавить наши атрибуты link="black" alink="green" vlink="red" указывающие каким цветом будут ссылки на данной странице. Ниже смотрите пример как в теге <body> задавать цвет ссылок на всей странице.

<body link="black" alink="green" vlink="red">

Если вам всё равно не понятно где находится тег <body> то ниже я приведу пример всей структуры страницы html, который мы изучали в первых уроках. Смотрите пример ниже тег <body> и то что в нём мы прописали я выделил красным цветом.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>
</title>
</HEAD>
<BODY link="black" alink="green" vlink="red">
</BODY>
</HTML>

Надеюсь данный урок помог вам узнать как изменять и задавать цвет ссылок на вашем сайте. Здесь вы можете посмотреть 16 базовых html цвета

Удачи вам в создании своего сайта! Возможно вас заинтересуют похожие темы по роботе с ссылками html и php смотрите в меню с правой стороны.




Рейтинг@Mail.ru   Яндекс.Метрика