|
Окт
27
|
Создаем ссылки |
Весь интернет основан на ссылках, а так же любой гипертекст и есть не что иное как документ расширяющий свои возможности ссылаясь на другие документы, поэтому эта тема очень важна и без знания создания ссылок просто невозможно представить любой HTML документ, а тем более сайт.
Основным тегом является тег <a>
Описание
Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Пример:
<p>Источник статьи: <a href="https://nsworld.ru">nsworld.ru</a></p> — абсолютная ссылка.
<p>Следующие статьи>><a href="post.html">сдесь</a></p> — относительная ссылка.
Параметры
href — Задает адрес документа, на который следует перейти.
name — Устанавливает имя якоря внутри документа.
target — Имя окна или фрейма, куда браузер будет загружать документ.
title — Добавляет всплывающую подсказку к тексту ссылки.
Закрывающий тег
Обязателен.
Параметр HREF
Описание
Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.
Синтаксис
<a href="URL">...</a>
Обязательный параметр
Обязателен для ссылок.
Аргументы
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Нет.
Параметр NAME
Описание
Параметр name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи параметра name тега <А>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.
Между тегами <a name=...> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
Синтаксис
<a name="закладка">...</a>
Обязательный параметр
Обязателен для якорей.
Аргументы
Любой текст с учетом регистра.
Значение по умолчанию
Нет.
Пример
<h1 id="tt"> Многоядерные процессоры. Стоит ли при покупке гнаться за количеством ядер?</h1> — присваеваем индификатор на который ссылаемся.
<p><a href="#tt">К началу>>></a>
</p> — ссылка на вверх страницы.
Параметр TARGET
Описание
По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. В XHTML применение этого параметра запрещено.
Синтаксис
<a target="имя окна">...</a>
Обязательный параметр
Нет.
Аргументы
В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_blank — Загружает страницу в новое окно браузера.
_self — Загружает страницу в текущее окно.
Значение по умолчанию
_self
Параметр TITLE
Описание
Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.
Синтаксис
<a title="текст">...</a>
Обязательный параметр
Нет.
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.
Значение по умолчанию
Нет.
Чтобы придать цвет ссылкам, которые мы используем на нашей странице и который будет отличаться при разных состояниях ссылки надо придать тегу body следующие параметры:
link – цвет ссылки, когда на нее не нажимали,
Vlink – цвет ссылки когда на нее нажимали,
Alink — цвет ссылки в момент нажатия на нее.
Пимер:
<body link="#3562c5" vlink="#c53535" alink="#000000">
Возможно, Вам будет полезна эта информация:
Хороший сайт