Организация ссылок в HTML

Элемент <A> используется с целью создания ссылок на другие элементы документа или даже на другие документы, такие ссылки являют собой основную причину ошеломляющей популярности пространства World Wide Web , где пользователь может легко перескочить с одного фрагмента текста на другой или со страницы на страницу, не задавая явным образом URL последних. Элемент выполняет два действия: задает имя ссылки и задает ссылку на имя. Имя ссылки броузер автоматически выделяет другим цветом и подчеркивает.

• name
  Для задания имени используется атрибут name, который задает привязку ссылки в тексте, на которую и будет производиться ссылка.
  Синтаксис:

  <A name=имя> необязательный текст </A >

• href
  Для организации ссылки используется атрибут href, который задает адрес ссылки. Он может указывать или на имя ссылки в тексте, или на URL и имя файла.
  Синтаксис:

  <A href="URL"> текст для щелчка </A > или же в тексте: <A href="#имя"> текст для щелчка </a>

• methods
  Атрибут указывает метод извлечения документа, например, FTP, Gopher и т. д.
  Синтаксис:

  <A methods="название"> необязательный текст </A >

• frame
  Атрибут используется для указания названия кадра, в котором должен быть визуализирован целевой документ.
  Синтаксис:

  <A frame="имя фрейма"> необязательный текст </A >

• id
  Для организации ссылки используется атрибут href, который задает адрес ссылки. Атрибут id идентичен атрибуту name с той разницей, что он может вставляться в другие тэги, отличные от тэга <A>
  Например:

  <P id="имя абзаца"> далее в тексте.. .<A href="# имя абзаца"> Ссылка</A >

• title
  Для визуализации подсказки ссылки используется атрибут title, который задает название ссылки
  Синтаксис:

  <A title=" имя ссылки"> Ссылка</A >

  Пример: ссылка наверх

• accesskey
  Атрибут используется для указания горячей клавиши, при нажатии на которую осуществляется переход по ссылке
  Синтаксис:

  <A accesskey=" имя клавиши"> Ссылка</A >

  Пример: ссылка наверх – нажмите ALT+u

Примеры использования элемента <A>

Ниже приведены примеры ссылок на различные файлы по разным протоколам:

• Ссылка на HTML файл по протоколу HTTP

  <a href="http://www.rambler.ru/page1.html">

• Ссылка на ZIP файл по протоколу HTTP

  <a href="http://www.domain.ru/test.zip">

• Ссылка на TXT файл по протоколу HTTP

  <a href="http://www.test.ru/test.txt"></a>

• Ссылка на EXE файл по протоколу FTP

  <a href="ftp://ftp.uptus.ru/pub/hotdog6/hotdog6install.exe </a>

• Ссылка на e-mail,при помощи протокола mailto

  <a href="mailto:name@domen.ru"></a>

• Ссылка на e-mail,при помощи протокола mailto с автоподставлением темы

  <a href="mailto:name@domen.ru?Subject=E-mail to Web-master">Пример</a>

• Ссылка на e-mail,при помощи протокола mailto с автоподставлением темы и текста послания

  <a href="mailto:name@domen.ru?Subject=Teмa &amp;BODY=Тeкст послания">Пример</a>

• Ссылка на MPG файл по протоколу HTTP, в случае если броузер сам не умеет открывать данные файлы, то запускается независимая программа, умеющая это делать.

  <a href="http://www.google.com/kisa.mpg">Пример</a>

• Ссылка на группу новостей,при помощи протокола news

  <a href="news:comp.infosystems.www.announce">Пример</a>

Последняя ссылка будет работать только, если Ваш провайдер поддерживает доступ к телеконференциям.

Ссылки, отталкивающие скобки: [ Link ] с помощью CSS

Наведите курсор на эту ссылку:

[ CSS cсылки ]

HTML

<h1>Ссылки, отталкивающие скобки: [ Link ] с помощью CSS</h1>
Наведите курсор на эту ссылку:<br>
<a class="pushLink" href="">[ <span>CSS cсылки</span> ]</a>

CSS

A.pushLink { padding: 0 3px; font-weight: bold; text-decoration: none; }
A:hover.pushLink { padding: 0; }
A:hover.pushLink span { margin: 0 3px; color: red; }