HTML Tutorial

Гиперссылки.

Вот наши страницы с текстом наполнились картинками, схемами и фотографиями. Теперь нам хотелось бы как-нибудь их "связать". Для этого в HTML существуют ссылки (links, дословно - связи). На ссылках, собственно и базируется весь принцип реализации нелинейной информации. Приступим к кодированию:



Для того, чтобы сделать ссылку на другую страницу, файл или ресурс, нужно взять текст (фразу или любой другой обьект), с которого должна указывать ссылка, в теги <A> </A>. Эти теги говорят браузеру, что элемент страницы между ними - это гиперссылка.

· HREF="имя_файла" - самый главный атрибут. Гиперссылка без него не будет работать. Он указывает на какой файл (или ресурс, как в данном примере) указывает ссылка.
Допустим вам нужно сделать ссылку на e-mail. Для этого вместо "имя_файла" после HREF= нужно написать "mailto:адресс_электронной_почты". И при нажатии на эту ссылку откроется Outlook Express.
В качестве имени файла вы можете указать не только другую web-страницу, но и файл любого другого формата (например:file.doc). Если ваш браузер при вызове ссылки не сможет открыть указанный файл в своем окне, то он предложит сохранить его на диске.
Также вам может понадобиться сделать такую ссылку, при нажатии на которую новая страница открывалась не в текущем окне(как это происходит по умолчанию), а в отдельном. Это позволяет сделать атрибут target="_blank".

Ссылки на web-странице выделяются цветом и подчеркиванием. Цвет несет еще и смысловую нагрузку. Если вы никогда не загружали ссылку, то она будет синего цвета. А если загружали, то фиолетового. Эти цвета установленны по умолчанию браузером. Мы же можем сделать свои собственные ссылки:



Как вы уже догадались: link="цвет" задает цвет обычной ссылки, vlink="цвет" - цвет ссылки, на которую уже заходили с этого компьютера и alink="цвет" - цвет активной ссылки, тоесть в момент нажатия.

Если вы подумали, что гиперссылки существуют только для связи веб страниц, то это не так. В качестве примера ниже реализованы ссылки на текст, графику, музику и видео. Чтобы сделать это необходимо вместо имени файла веб страницы указать имя соответствующего файла, например с музыкой:

   <A HREF="file_name.mp3">Загрузить песню</a>

При нажатии на ссылку, которая указывает на файл, этот файл начнет воспроизводиться (если возможно) средствами вашего браузера. Также вы можете, щелкнув правой кнопкой мыши по ссылке, выбрать "Сохранить объект как..." для того, чтобы сохранить файл на жесткий диск.

Также бывает необходимость создания ссылки в пределах одного документа, например сослаться из одного абзаца на другой или с конца очень длинной страницы на ее начало. Для этого вместо аргумента HREF используется NAME, который объявляет область, на которую нужно будет сослаться. При написании самой ссылки, после HREF= ставится диез # и указывается имя области, на которую указывает ссылка. Вот пример:

ПОДВОДИМ ИТОГИ.
    Справочник тегов.


<A> • Определяет ссылку в документе.
• Синтаксис
    <A>...</A>
• Совместимость
    NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0;
• Атрибуты
    href = <url> — определяет URL, на который указывает ссылка.
    name = <текст> — определяет место в документе для его последующего использования в качестве ссылки (ссылка в пределах одного документа).
    title = <текст> — определяет заглавие для ссылки, которое будет выводится при наведении на ссылку курсора.
    target = <name|_blank|_self|_parent|_top> — определяет имя окна, в котором должен быть размещен документ, на который указывает ссылка.

Смотри также:
HTML Tutorial. Содержание Предыдущая глава: Графические форматы Следующая глава: Время играть в карты
2002 – 2012 © Студия брендинга «Свой стиль»
Днепропетровск, Украина.
(056) 374-50-60
вКонтакте Facebook Twitter Google+

Поделиться ссылкой:

bigmir)net TOP 100