Ссылки бывают внутренние, т.е. ведущие на другие разделы внутри сайта, внешние, ведущие на сторонние сайты, бывают ссылки на скачивание файлов. Бывают в виде закладок, ведущих к определенному месту на веб-странице, их называют якорями. Все это мы рассмотрим в последующих примерах.
Для того, чтобы создать ссылку, нужен тег <a>. А для того, чтобы указать адрес, куда ведет данная ссылка, нужен атрибут тега href. Запишем в нашем шаблоне следующую строку: <a href=»http://google.com»>Google</a>
Сохраните изменения, и откройте шаблон в браузере. Нажав на ссылку, вы перейдете на сайт www.google.com
По умолчанию цвет ссылок синий. Цвет посещенной ссылки — фиолетовый. Вы можете сами задать цвет для этих состояний при помощи атрибутов, которые можно рассмотреть здесь http://htmlbook.ru/html/a
Я же рекомендую указывать все свойства через каскадные таблицы стилей, поэтому ваша задача сейчас состоит в том, чтобы ознакомиться с необходимыми тегами для создания своей веб-страницы, а работать с атрибутами мы будем очень редко.
Якорь
Для создания якоря нам нужна закладка и место, на которое она будет ссылаться. Место указывается таким образом: <a name=»top»></a>. Текст между тегами можно не писать, так как нам главное попасть на верх страницы после того, как мы нажмем ссылку “Наверх”. А в самом низу страницы запишем: <a href=»#top»>Наверх</a>. Как видите, перед названием закладки ставиться символ решетки, а сама закладка использует атрибут “name” тега <a>. Пример создания якоря можно посмотреть в видеоматериале. См. ссылку ниже.
Видеоматериал по этому уроку:
http://youtu.be/VpqaaSIOR80
Источник: http://psd-html-css.ru/html/html-ssylka
Источник: