КАК СДЕЛАТЬ ЦВЕТНУЮ ССЫЛКУ
(урок от MANGIANA)

<a href="Адрес сайта, или страницы" style="color:#Цвет шрифта">Название сайта</a>

Например: <a href="http://www.liveinternet.ru/users/mangiana/" style="color:#F74902">MANGIANA</a>

Получится: MANGIANA

Второй вариант

<a style="text-decoration: none; color: #Цвет шрифта;" href="Адрес сайта или страницы" target="_blank">Название сайта</a>

Например: <a style="text-decoration: none; color: #5BBF21;" href="http://www.liveinternet.ru/users/mangiana/" target="_blank">MANGIANA</a>

Получится: MANGIANA

*********************************************

ОФОРМЛЕНИЕ ССЫЛОК

Ссылка на веб-страницу: На главную страницу

<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a>

пример :  Дневник MANGIANA

Чтоб ссылка открылась в новом окне:на главную

 <a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a>  

пример :Дневник MANGIANA

Всплывающий комментарий к ссылке:

Дневник MANGIANA

Наведите курсор на ссылку и поймете о чём речь     ;-)

<a href="АДРЕС СТРАНИЦЫ" target="_blank" title="Ваш всплывающий комментарий ">Текст или Заголовок</a>    

Как сделать, чтобы картинка была ссылкой на веб-страницу:

наведите курсор на картинку и вы поймете  о чем речь

  <a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный <br />текст"><img src="Ссылка на картинку вставляется <br />здесь"></a>     

( ссылку на изображение вы можете взять на Яндекс.Фотках, и, естественно, вы можете использовать любую картинку на что хватит вашей фантазии

Отменить подчеркивание для ссылки:

Дневник MANGIANA

<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>  

Подчеркнуть ссылку пунктиром:

Дневник MANGIANA

  <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dashed navy; text-decoration: none;">Ваш текст</a>    

Назначить свой цвет текста ссылки и подчеркивания:

Дневник MANGIANA

 <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:green;←(цвет можно поменять на свой) text-decoration:underline;"><span style="color:red;←(цвет можно поменять на свой) ">Ваш текст</span></a>  

Kоды цветов берём здесь →Коды цвета для текстов и фонов

Более сложное оформление ссылок (кнопочки )

Обвести рамочкой:

Дневник MANGIANA


 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px solid navy; padding: 2px; text-decoration: none;">Ваш текст</a>    

Обвести пунктиром:

Дневник MANGIANA

 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dashed navy; padding: 2px; text-decoration: none;">Ваш текст</a>    

Обвести точками и назначить свой цвет текста:

Дневник MANGIANA

 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dotted navy; padding: 2px; text-decoration: none; color: Код цвета;">Ваш текст</a>     

Kоды цветов берём здесь →Коды цвета для текстов и фонов

Ccылка с выделенным фоном:

Дневник MANGIANA

<a href="АДРЕС СТРАНИЦЫ" style="background:Код цвета; color:Код цвета; ">ТЕКСТ</a>

(из инета)