Ссылки

На любом сайте есть ссылки. Это, можно сказать, основа Интернета. О них много рассказывается в учебниках, всякие фишки можно найти на сайтах для начинающих веб-мастеров. Мы же сегодня соберем все самое основное вместе. Тэк-с…
Вообще ссылка представляет собой вид <a href="ваш_путь"> Имя сайта </a>, но сколько можно с этим сотворить? Ответ: Много!
Многие видели, что при наведении на ссылку иногда может вылезти подсказка к этой ссылке, всё делается по средствам тега title.
Пример: <a href="http://www.wmaster.ru" title="классный сайт"> Сайт для веб мастеров</a>.
Ну а если вы поставили ссылку на графический объект, то тут поможет тег "alt". Всё нужно проделывать также, но за место "title" вводить "alt".
<a href="http://www.woweb.ru"><img border="0" src="http://www.woweb.ru/img.gif" alt="Ваш текст"></a>
Обратите внимание на то, что описание "title" мы писали в теге <a>, в то время как описание "alt" необходимо писать в теге <img>
Для того, чтобы ссылка меняла свой цвет при наведении на неё мышкой, нам удобно применить CSS (Cascading Style Sheets), или по нашему "Каскадные таблицы Стилей". Статьи про CSS вы можете прочитать здесь. Чтобы образовался такой эффект мы должны на страничке прописать так :
<style> A:hover {COLOR: #Ваш цвет}</style>
Цвет, кстати, можно записывать как в RGD формате (например - #FFFFFF), так и словом английского языка, но только тем, которое понимает браузер. Полный список сейчас я не приведу, но можете писать некоторые простые цвета, например: red, white, black, pink, grey, yellow и т.д.
Иногда дизайн не позволяет "держать на сайте" подчёркнутые сслыки. Для того, чтобы ссылки были не подчёркнуты, нужно на страничке прописать:
<style>a {text-decoration : none} </style> .
Но можно сделать и так, чтобы ссылка была не подчёркнута, но при наведении курсора она подчёркивалась. Для этого пропишите так :
<style>a{text-decoration: none} a:hover {text-decoration: underline}</style>
Более полный вариант управления ссылками на странице:
<style>
A:link { text-decoration: underline; color:black; }
A:active { text-decoration: underline; color:black; }
A:visited { text-decoration: underline; color:black; }
A:hover { text-decoration: none; color:black; }
</style>
Описанные стили рекомендуется вставлять между тегами <HEAD></HEAD>. Можно так же подобные описания стилей вставить в отдельный файл с расширением .css (Cross Site Scripting) а потом в нужную страницу писать следующую строку:
<link rel="stylesheet" type="text/css" href="путь_до_файла_css">
Вроде самые главные эффекты с использованием CSS я описал. Теперь можно разобрать ещё один вид ссылок - это якорь, внутренняя ссылка на какую-либо часть страницы. Якорь ставится так:
<a href="#link">Текст</a>
а на то место, куда должна привести ссылка ставится :
<a name="link">Text</a>
Также ссылка может вести просто наверх. Это нужно для тех, кто строит большие страницы. Чтобы ссылка вела на самое начало страницы, нужно прописать так :
<a href='javascript:scroll(0,0);'>Top/Вверх</a>
Ну, кажется, все самое главное я рассказал.

freetonik