Ссылка - это то, без чего не обойдется не один сайт. В многих учебниках может быть об этом писалось, но следует разобрать все по честям.
Вообще ссылка представляет собой вид <a href="путь_к_сайту">Имя сайта</a>, но есть еще много других видов.
Начнем:
1. С помощью тега title, можно заставить выскакивать подсказку, при наведение на ссылку.
Пример:
- Код: Выделить всё • Развернуть
<a href="http://vfose.ru" title="крутой сайт">Сайт ип адресов</a>
2. Если же вы поставили ссылку на графический объект, то тут поможет тег "alt". Все нужно проделывать также, но вместо "title" вводить "alt".
Пример:
- Код: Выделить всё • Развернуть
<a href="http://vfose.ru"><img border="0" src="http://vfose.ru/img.jpg" alt="Ваш текст"></a>
3. Для того, чтобы ссылка меняла свой цвет при наведении на нее мышкой, необходимо применить CSS. Чтобы образовался такой эффект мы должны на страничке прописать так:
Пример:
- Код: Выделить всё • Развернуть
<style> a:hover {color: #Ваш цвет}</style>
4. Для того, чтобы ссылки были не подчеркнуты, нужно на страничке прописать:
Пример:
- Код: Выделить всё • Развернуть
<style>a {text-decoration : none} </style>
5. Можно сделать и так, чтобы ссылка была не подчеркнута, но при наведении курсора она подчеркивалась.
Пример:
- Код: Выделить всё • Развернуть
<style>a{text-decoration: none} a:hover {text-decoration: underline}</style>
6. Сделаем полный вариант управления ссылками на странице.
Пример:
- Код: Выделить всё • Развернуть
<style type="text/css">
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>.
7. Теперь разберем якорь, внутреннюю ссылку на какую-либо часть страницы. Якорь ставится так:
Пример:
- Код: Выделить всё • Развернуть
<a href="http://vfose.ru/donate.php#link">Текст</a>
Ставим код на то место, куда должна привести ссылка. (в нашем случае это файл donate.php)
Пример:
- Код: Выделить всё • Развернуть
<a name="link">Текст</a>
8. Сделаем ссылку, которая ведет просто наверх страницы. Очень удоб использовать тем, кто делает большие страницы.
Пример:
- Код: Выделить всё • Развернуть
<a href='javascript:scroll(0,0);'>Вверх страницы</a>
(c) On-line
