Создание гиперссылок в html | Как создать свой сайт

Как создать гиперссылку в html

Мар-17-2010 Автор: VeryOldMan

К Вашему вниманию пятый урок 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 верстку сайта в режиме Код.






Комментариев (0)

Добавить комментарий