Гиперссылки

Ссылка на http://...

Большинство ссылок в Интернете ведут на какую нибудь веб-страницу с адресом наподобие http://site.ru или http://site.ru/index.html.

Расширение
.html указывает на то, что мы имеем дело с файлом формата HTLM. Однако
cсылка может привести нас к документу практически любого формата: .jpg,
.doc, .pdf, .mp3, .zip... перечислять все было бы долго и бессмысленно.
Иногда она может оказаться прямой ссылкой на скачивание файла (возможно,
не вполне желательного).

Для наших целей важно только то, что
ссылка содержит адрес нужного нам файла в сети и указание на протокол
доступа к этому файлу (HTTP). Как же добавить такую ссылку?

Для этого используем парный тег <a...>...</a>. Напишем, например, следующее:

<a href="http://yandex.ru" title="Яндекс" target="_blank">Найдётся всё!</a>

Вот наша ссылка:

Найдётся всё!

Теперь - что здесь к чему.

http://yandex.ru
- тот адрес в сети, куда мы хотим отправить наших посетителей. Без
подобного указания наш тег вообще не будет работать. То, что идёт
дальше, писать не обязательно, но иногда полезно.

title="Яндекс" - всплывающая подсказка. Если здесь ничего не писать, то такой подсказки не будет.

target="_blank"
- указание браузеру открыть ссылку в отдельном окне (вкладке). По
умолчанию ссылка открывается в том же окошке, в котором находился
посетитель, просматривая Вашу страницу. Впоследствии, если он захочет
продолжить просмотр, ему придётся возвращаться назад.

Как удобнее открывать ссылки - дело вкуса. Казалось бы, новые окна (вкладки) хороши. Но часто их становится слишком много.

Между тегами <a...> и </a>
мы пишем то, что будет видеть посетитель страницы. Кстати, это не
обязательно должен быть текст - можно использовать изображение. Для
того, чтобы использовать картинку в качестве ссылки, напишем, например,

<a href="http://yandex.ru" title="Яндекс" target="_blank"><img src="http://www.promolive.ru/images/content/logo-yandex.gif"></a>

Получим вот такой результат:

[показать]

Если
мы хотим, чтобы изображение менялось при наведении указателя мыши,
необходимо использовать скрипт (на Ярушке он не работает).

Стили
гиперссылок на Яндексе заданы довольно жёстко. Цвет (а также вид, размер
шрифта и т.д.) самой гиперссылки ещё можно поменять. Делается это путём
добавления в тег <a...> аттрибута style (о нём шла речь в предыдущих сериях). Для примера поменяем только цвет, сделав его зелёным. Напишем:

<a href="http://yandex.ru" title="Яндекс" target="_blank" style="color:green">Найдётся всё!</a>

Получим:

Найдётся всё!

Обратите
внимание, что теперь цвет посещённой ссылки не отличается от цвета
непосещённой. При наведении курсора ссылка по-прежнему становится
красной. Способа изменить это я пока не нашла.

Ссылка на любое место на Вашей страничке*

Для
того, чтобы сослаться на определённое место на Вашей страничке, сначала
на этом месте надо установить "якорь".