Ссылки - инструмент,
позволяющий связывать между собой различные документы. Браузер обычно выделяет
ссылку цветом и/или подчеркиванием. Описывается ссылка следующим образом:
<A HREF="путь/имя файла">Ссылка на документ</A>
Может содержать аттрибут TITLE, описывающий ссылку. Если пользователь наведет
указатель мыши на ссылку, то появится ее описание - содержимое этого аттрибута.
Различают
относительные и абсолютные ссылки. Примеры относительной ссылки:
<A
HREF="filename.htm"> - на документ "filename.htm",
находящийся в одном каталоге с текущим документом;
<A HREF="./filename.htm"> - в точности то же самое;
<A HREF="folder/filename.htm"> - переход на файл
"filename.htm" в подкаталоге "folder" текущего каталога;
<A HREF="../folder/filename.htm"> - подняться вверх на
один шаг по дереву каталогов, перейти в каталог "folder" и
осуществить переход на "filename.htm".
В абсолютной
ссылке указывается полный путь к файлу:
<A
HREF="http://www.fortunecity.com/business/fax/339/index.htm">
Относительные
ссылки удобнее. Они не привязаны к конкретной структуре каталогов, т.е. вы
можете создать свой сайт на компьютере, тестировать и исправлять ошибки не
подключаясь к Интернет. И лишь после полной готовности
перенести его на сервер, он будет работать так же.
Можно делать
ссылки внутри документа. Это удобно для перехода к разным главам одной большой
статьи. Для этого необходимо создать некую опорную точку - анкер (anchor -
якорь,англ.), на которую и будет происходить переход.
Разберем это на примере. Допустим, нам надо перейти на начало этого урока. Для
чего создадим такой анкер:
<A
NAME=lesson4>Ссылки</A>
При этом
слово "Ссылки" в тексте никак выделяться не будет. Теперь в тексте
можем делать ссылку на анкер (и не один раз). Например, так:
Нажмите
<A HREF="#lesson4">здесь</A> для возврата к началу урока
И
получите:
Нажмите здесь
для возврата к началу урока
Можете
нажать - пример работает! К этому анкеру можно перейти и из другого файла
(например, чтобы сделать ссылку к конкретному уроку 4, а не урокам HTML
вообще). Тогда ссылка будет выглядеть так:
<A
HREF="uroki.htm#lesson4">
До сих пор
мы рассматривали ссылки на HTML-документы. Однако возможны ссылки и на другие
виды ресурсов:
<A
HREF="ftp://servername/directory/file.ext">
Такая ссылка
запустит протокол передачи файлов и произведет выгрузку файла
"file.ext" из директории "directory" сервера
"servername" на жесткий диск пользователя (download).
Еще один вид
ссылки - ссылка на почтовый ящик. Выглядит в тексте:
Пишите
письма <A HREF="mailto:Has5@mail.ru">автору</A>
В окне
браузера:
Пишите
письма автору
А это то же
самое (ссылка на почтовый ящик), но с использованием аттрибута TITLE. В тексте:
Пишите
письма <A HREF="mailto:Has5@mail.ru" TITLE="Ссылка на почтовый
ящик Администратора сайта">автору</A>
В окне
браузера:
Пишите
письма автору
Попробуйте
навести курсор на "автора".
Внимание!
Браузеры чувствительны к регистру ссылок. Если вы
вместо "http://webs.web.com" наберете
"http://webs.Web.com", то получите нерабочую ссылку. Та же ситуация и
с расширениями: если у вас ссылка на файл "index.htm", а там
находится "index.html", то результат тот же - нерабочая ссылка.
[Предыдущий урок] [Следующий урок] [В начало]