Вернуться назад

Создание гиперссылок.

Гиперссылки - это самый главный элемент веб-строительства, элемент, благодаря которому и возникла всемирная паутина, состоящая из связующих нитей, соединяющих отдельные документы в единую сеть. Этими соединяющими нитями являются гиперссылки - элементы программы, позволяющие совершить мгновенный прыжок в гиперпространстве на страницу другого сайта или другую область (участок) текущей страницы.

Ссылки бывают двух видов : внешние и внутренние. Внешние ссылки являются переходом на страницы других сайтов или другие страницы просматриваемого сайта. Внутренняя ссылка предполагает переход в другую область текущей страницы.

Рассмотрим эти вопросы более подробно.
Внешние ссылки, в свою очередь, также распределяются на две категории : абсолютные и относительные. Абсолютная ссылка содержит обозначение протокола, доменный или IP-адрес компьютера, путь к файлу, а также имя файла. Ссылка создаётся парным тэгом < a > и имеет основной атрибут href, в значении которого записывается содержимое ссылки, например :
< p > Материал страницы позаимствован < a href="http://www.liveguns.ru/tanki/t84" > здесь < /a > < /p >
Вставляем этот абзац в программу нашей страницы внизу, сразу после таблицы и получаем абсолютную внешнюю ссылку на источник нашего информационного материала.

Слово "здесь" является своеобразной кнопкой, при нажатии на которую мы мгновенно переносимся на страницу другого сайта.

Если ссылка указывает на другую страницу, но находящуюся в этой же папке, то ссылка является относительной и может содержать только имя файла. Для проверки давайте создадим простейшую страничку :

< html >
< head >
< title > Страница 1. < /title >
< /head >
< body >
< p > Страница для относительной ссылки. < /p >
< /body >
< /html >
и сохраним эту страничку, как и создаваемую нами, на рабочий стол и назовём её - str-1.html .

Теперь мы можем создать относительную ссылку на документ, находящийся в этой же папке, что и текущая страница. На примере это будет выглядеть так :
< p > Относительная ссылка направляет нас на < a href="str-1.html" > страницу 1.
< /a > < /p >

И получится следующее :

Как видите, слова, непосредственно являющиеся ссылками, подсвечены другим цветом, а курсор мыши при наведении на них превращается в из стрелки в руку, что свидетельствует о том, что данный объект является ссылкой.

Тэг < a > обладает ещё рядом атрибутов, одним из которых является target. Используется данный атрибут в случае, если Вы хотите, чтобы страница, на которую Вы ссылаетесь, открывалась в новом окне, тогда этот атрибут примет значение "_blank", а ссылка примет вид :
< a href="str-1.html" target="_blank" >
Также используется атрибут title, в значении которого указывается название страницы, к которой Вы обращаетесь, в этом случае при наведении курсора мыши на ссылку будет подсвечиваться название страницы, к которой обращена ссылка :
< a href="str-1.html" target="_blank" title="Страница 1." >

Остаётся рассмотреть ещё один вид ссылок - внутренние ссылки.
Для того, чтобы создать подобную ссылку необходимо определённым образом пометить объект, к которому она будет обращена. Для этого в тэге, обозначающем данный объект, располагаем атрибут id, в значении которого указываем кодовое обозначение, например "ff" :
< img id="ff" src="shema.jpg" width="700" height="185" border="0" align="right" >
Позже, обращаясь в ссылке к этому объекту, в тэге ссылки мы указываем на эту
метку :
< p > Геометрические параметры танка смотри на < a href="#ff" > схеме < /a > < /p >

При срабатывании этой ссылки браузер мгновенно откроет на странице указанную схему.

Механизм работы гиперссылки Вы можете использовать для обращения к странице, на которой будет расположена форма для выбора способа оплаты предлагаемого товара.

Используются технологии uCoz