Как создать свой сайт

  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта
Главная Руководство по HTML

Руководство по HTML - Ссылки

E-mail Печать
Индекс материала
Руководство по HTML
Выделение текста - физические и логические стили
Форматирование текста
Ссылки
Рисунки
Цвет фона и текста, шрифты
Таблицы
Списки
&-последовательности, комментарии
Изображения-карты (image maps)
Звук на сайте
Каскадные таблицы стилей
Фреймы
Все страницы

Ссылки

 

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

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

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

<A NAME=2011-04-23-09-41-24.html>Ссылки</A>

При этом слово "Ссылки" в тексте никак выделяться не будет. Теперь в тексте можем делать ссылку на анкер (и не один раз). Например, так:

Нажмите <A HREF="index.php/-html.html?start=3">здесь</A> для возврата к началу урока
И получите:
Нажмите
здесь для возврата к началу урока

Можете нажать - пример работает! К этому анкеру можно перейти и из другого файла (например, чтобы сделать ссылку к конкретному уроку 4, а не урокам HTML вообще). Тогда ссылка будет выглядеть так:

<A HREF="uroki.htm#lesson4">

До сих пор мы рассматривали ссылки на HTML-документы. Однако возможны ссылки и на другие виды ресурсов:

ftp://servername/directory/file.ext">

Такая ссылка запустит протокол передачи файлов и произведет выгрузку файла "file.ext" из директории "directory" сервера "servername" на жесткий диск пользователя (download).

Еще один вид ссылки - ссылка на почтовый ящик. Выглядит в тексте:

Пишите письма Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript ">автору

В окне браузера:

Пишите письма Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript

А это то же самое (ссылка на почтовый ящик), но с использованием аттрибута TITLE. В тексте:

Пишите письма Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript " TITLE="Ссылка на почтовый ящик Администратора сайта">автору

В окне браузера:

Пишите письма автору

Попробуйте навести курсор на "автора".

Внимание! Браузеры чувствительны к регистру ссылок. Если вы вместо "http://webs.web.com" наберете "http://webs.Web.com", то получите нерабочую ссылку. Та же ситуация и с расширениями: если у вас ссылка на файл "index.htm", а там находится "index.html", то результат тот же - нерабочая ссылка.


 
Подписаться на обновления по RSS

Где Вы зарабатываете больше всего?
 

UM.la — лучший Joomla-хостинг


© 2011 Как создать свой сайт. Все права защищены / - все о самостоятельном создании сайтов, продвижении и заработке в интернет.

Проверить тИЦ и PR Яндекс.Метрика