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

admin

10 лет назад

Элемент <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; }