Оглавление:
Раздел 1. Введение: теги, HTML документ.
Раздел 2. Выделение текста - физические и логические стили.
Раздел 3. Форматирование текста.
Раздел 4. Ссылки.
Раздел 5. Рисунки.
Раздел 6. Цвет фона и текста. Шрифты.
Раздел 7. Таблицы.
Раздел 8. Списки.
Раздел 9. Последовательности, комментарии.
Раздел 10. Изображения-карты (image maps).
Раздел 11. Звук на сайте.
Раздел 12. Каскадные таблицы стилей.
Раздел 13. Фреймы.

Раздел 4
Тема: ссылки.
Ссылки - инструмент, позволяющий связывать между собой различные документы. Браузер обычно выделяет ссылку цветом и/или подчеркиванием. Описывается ссылка следующим образом:
<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", то результат тот же - нерабочая ссылка.

следующий раздел