Ссылки - дело не хитрое
Вообще что такое ссылка - это, без чего не обходится не один сайт. В этой статье будет рассказано о многих возможностях ссылок. Естественно во многих учебниках уже было всё растолковано по частям, но следует всё разобрать воедино и кратко рассказать о каждом эффекте. Ну, начнём....
Вообще ссылка представляет собой вид <a href="ваш_путь"> Имя сайта </a>, но, сколько можно с этим сотворить? Ответ: Много! Многие видели, что при наведении на сслылку иногда может вылезти подсказка к этой ссылке, всё делается по средствам тега title. Пример: <a href="http://www.wmaster.ru title=классный сайт> Сайт для Web-мастеров </a>. Так получается вот такая ссылка: Сайт для Web-мастеров. Ну а если Вы поставили ссылку на графический объект, то тут поможет тег "alt" . Всё нужно проделывать также, но за место "title" вводить "alt" .
Для того, чтобы ссылка меняла свой цвет при наведении на неё мышкой, нам удобно применить CSS (Cascading Style Sheets) или по-нашему "Каскадные таблицы Стилей". Чтобы образовался такой эффект мы должны на страничке прописать так:
<style>
A:hover {COLOR: #Ваш цвет}
</style>
Иногда дизайн не позволяет "держать на сайте" подчёркнутые ссылки. Для того, чтобы ссылки были не подчёркнуты, нужно на страничке прописать <style> a {text-decoration : none} </style> . Но можно сделать и так, чтобы ссылка была не подчёркнута, но при наведении курсора она подчёркивалась. Для этого пропишите так:
<style>
a {text-decoration: none}
a:hover {text-decoration: underline}
</style>
Вроде самые главные эффекты с использованием CSS я описал. Теперь можно разобрать ещё один вид ссылок - это якорь, внутренняя ссылка на какую-либо часть страницы. Якорь ставится так:
<a href="#link"> Текст </a> , а на то место, куда должна привести ссылка ставится : <a name="link"> text </a>
Также ссылка может вести просто наверх. Это нужно для тех, кто строит большие страницы. Чтобы ссылка вела на самое начало страницы, нужно прописать так: <a href="top">text</a>
Ну вот. Самое главное про ссылки я рассказал. Заходите на сайт и читайте новые статьи.
Информация об авторе статьи
Источник: web-avangard.net
|