Гиперссылки на Web-страницах

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

Гиперссылка создается с помощью универсального тэга <А> и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница: 

<А HREF="Адрес">Указатель ссылки</А> 

Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например: 

<А HREF="f ilename . htm">Указатель ссылки</А> 

Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например: 

<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Указатель ссылки</А> 

Указатель ссылки мы видим при просмотре Web-страницы в браузере. Указателем ссылки может быть текст, обычно выделенный синим цветом и подчеркиванием, или рисунок, выделенный рамкой. При указании на него мышью, ее курсор превращается в значок "рука". Щелчок мышью по указателю вызывает переход на Web-страницу, указанную в гиперссылке.

Гиперссылки могут содержать адреса не только Web-страниц, но и файлов других типов. Активизация таких гиперссылок будет приводить:

 к просмотру изображения в браузере:

 <А HREF="picture.jpg">Изображение</A>

 к запуску проигрывателя, встроенного в браузер и воспроизведению звукового файла:

 <АHREF="sound.wav">Звук</A>

 к сохранению файла на локальном компьютере с использованием встроенного в браузер менеджера загрузки файлов:

 <А HREF="Apxив.ziр">Скачать файл</А> 

Панель навигации по сайту. Создадим папку сайта "Компьютер" и добавим в сайт пустые страницы "Программы", "Словарь", "Комплектующие" и "Анкета". Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие "пустые" страницы должны иметь заголовки, но могут пока не иметь содержания: 

<HTML>

 <HEAD>

 <ТITLЕ>Заголовок страницы</ТITLЕ>

 </HEAD>

 <BODY>

 </BODY> </HTML> 

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

Разместим указатели гиперссылок внизу страницы в новом абзаце в одну строку, разделив их пробелами ( ). Такое размещение гиперссылок часто называют панелью навигации. 

Вставим в домашнюю страницу сайта HTML-код, создающий панель навигации: 

<Р ALIGN="center">

 [<А HREF="software . htm">Программы</A>]  

 [<A HREF="glossary.htm">Словарь</A>]  

 [<A HREF="hardware.htm">Комплектующие</А>] 

 [<A HREF="anketa.htm">Aнкетa</A>]

 </P>

Гиперссылка на адрес электронной почты. Полезно на домашней странице сайта создать ссылку на адрес электронный почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер <ADDRESS></ADDRESS>, который задает стиль абзаца, принятый для указания адреса: 

<ADDRESS>

 <А HREF="mailto:username@server.ru">E-mail:

 username@server.ru</A>

 </ADDRESS> 

Теперь по щелчку по ссылке адреса электронной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке Кому будет указан заданный в ссылке адрес. 

Итак, созданная домашняя страница Web-сайта "Компьютер" содержит заголовок, изображение компьютера, два абзаца текста, панель навигации и ссылку на адрес электронной почты (рис. 6.29).

Рис. 6.29. Готовая домашняя страница сайта "Компьютер"