WEB- страничка может состоять из нескольких документов. Один из них главный (index.html или main.html) - он открывается первым и должен обязательно лежать на вашем сайте в интернете.
Остальные документы вы можете называть как угодно (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). Они все могут лежать в одной директории (папке), а могут в разных.
Ссылкой на эти другие документы (части нашей страники) может быть текст (фраза,слово), а может быть и картинка.
Ссылки – инструмент, позволяющий связывать между собой различные документы. Браузер обычно выделяет ссылку цветом и/или подчеркиванием. Описывается ссылка следующим образом:
<A HREF=”путь/имя файла”>Ссылка на документ</A>
Тэг <a></a> делает ссылкой заключенную в него картинку или фразу (текст).
Цвет ссылки прописывается следующим образом:
<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">
link - цвет ссылки,
alink - цвет активной ссылки (нажатой),
vlink - цвет уже посещенной ссылки.
В примере цвета одинаковые, но они могут быть разными, если цвет ссылки такой же как цвет текста документа (ссылка же выделяется чертой).
|
|
Ссылка может содержать атрибут TITLE, описывающий ссылку. Если пользователь наведет указатель мыши на ссылку, то появится ее описание – содержимое этого атрибута. Ссылки бывают относительные и абсолютные.
Примеры:
µ относительной ссылки:
<A HREF=”filename.htm”> - на документ “filename.htm”,
находящийся в одном каталоге с текущим документом;
µ абсолютной ссылки:
В абсолютной ссылке указывается полный путь к файлу:
<A HREF=”http://www.fortunecity.com/business/fax/339/index.htm”>
Относительные ссылки удобнее. Они не привязаны к конкретной структуре каталогов, т.е. вы можете создать свой сайт на компьютере, тестировать и исправлять ошибки не подключаясь к Интернет. И лишь после полной готовности его на сервер, он будет работать так же.
Можно делать ссылки внутри документа. Это удобно для перехода к разным главам одной большой статьи. Для этого необходимо создать некую опорную точку – анкер (anchor –якорь, англ.), на которую и будет происходить переход.
Разберем это на примере. Допустим, нам надо перейти на начало этого урока. Для чего создадим такой анкер:
<A NAME=lesson2>Ссылки</A>
При этом слово «Ссылки» в тексте никак выделяться не будет. Теперь в тексте можно делать ссылку на анкер (и не один раз).
Например, так:
Нажмите<A HREF=”#lesson2”>здесь</A>для возврата к началу урока
И получите:
Нажмите здесь для возврата к началу урока.
К этому анкеру можно перейти и из другого файла (например, чтобы сделать ссылку к конкретному уроку2, а не урокам HTML вообще).
Тогда ссылка будет выглядеть так:
|
|
<A HREF=”uroki.htm#lesson2”>
До сих пор мы рассматривали ссылки на HTML- документы. Однако возможны ссылки и на другие виды ресурсов: <A HREF=ftp://servername/directory/file.ext>.
Такая ссылка запустит протокол передачи файлов и произведет выгрузку файла “file.ext” из директории “directory” сервера “servername” на жесткий диск пользователя (download).
Вид сcылкина почтовый ящик выглядит в тексте следующим образом:
Пишите письма <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”, то результат тот же – нерабочая ссылка.
Контрольные вопросы.