К Вашему вниманию пятый урок html верстки сайта. В этом уроке речь пойдет о создании гиперссылок, вернее как с помощью html тегов создаются html гиперссылки на страницах сайта. О важности гиперссылок знают все, кто хоть как-то соприкасался с Интернетом. Без гиперссылок нет сайта, а значит и нет Интернета.
Гипертекстовые ссылки (гиперссылки) – это объекты гипертекстового документа, содержащие указатели на другой гипертекстовый документ или сайт и предназначающиеся для реализации перехода к указанному документу или сайту. Реализует html гиперссылку тег a. Без этого тега Интернет перестанет существовать. В общем виде, синтаксис html гиперссылки имеет такой вид:
<a href="URL">текст ссылки</a>
Тэг <a href="URL"> открывает описание гиперссылки, а тэг </a> — закрывает его. Любой текст, который находится между этими двумя тегами подсвечивается особым образом браузерами. По умолчанию — текст синего цвета и подчеркнутый. Естественно, с помощью стилей css, можно задать любые и вид и цвет html гиперссылки.
Текст, который обозначает URL, браузерами не отображается, а выполняет предписанные ему действия при активации ссылки. Ну а активация ссылки, как правило, осуществляется щелчком мышки на тексте гиперссылки. Например:
Для перехода на сайт нажми <a href="http://bems.com/index.html"> эту ссылку </a>
В браузере это будет выглядеть так:
Для перехода на сайт нажми эту ссылку
Атрибуты html тега а:
Атрибут href – определяет текст, который находится между открывающим и закрывающим тегом как html гиперссылку на документ или область документа, которые указанны в значении этого атрибута. Атрибут href html гиперссылки может принимать такие значения:
http:// — создает ссылку на web документ;
ftp:// — создает ссылку на ftp сайт или размещенный на нем файл;
mailto: — загружает почтовую программу-клиент, в которой заполнено поле имени получателя;
news: — создает ссылку на сервер новостей;
telnet: // — создает ссылку на telnet сессию с удаленным компьютером;
wais:// — создает ссылку на WAIS сервер сетевой информационной поисковой системы;
gopher:// — создает ссылку на GOPER сервер распределённого поиска и передачи документов;
Атрибут html гиперссылки name — помечает находящуюся между закрывающим и открывающим тегами область документа, как объект для ссылки. В качестве значения может быть любое слово написанное латиницей и уникальное для этого документа. Например:
------------------------------------------------------------------------------
<a name="news">Новости спорта</a>
...
<a name="records">Рекорды</a>
...
Перейти к разделу<a href="#news">Новости спорта</a>
Перейти к разделу<a href="# records"> Рекорды </a>
-----------------------------------------------------------------------------
В этом случае область Новости спорта помечена как «news» а область Рекорды как «records». Ссылки на эти области можно расположить в любой части документа. Щелкнув мышкой по любой из них можно перейти на соответствующую область. В редакторе Dreamweaver создавать html гиперссылки очень удобно в визуальном режиме, как кстати и делать html верстку сайта в режиме Код. А следующий урок html верстки сайта — HTML таблицы
Что еще можно почитать по этой теме: