Окт 27

Создаем ссылки

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

Основным тегом является тег <a>

Описание

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Пример:

<p>Источник статьи: <a href="http://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">

Возможно, Вам будет полезна эта информация:

  1. Создаем таблицу
  2. Вставка изображений
  3. Вставка формы


Один комментарий к “Создаем ссылки”

  1. 1
    1. Niffgreence пишет:

    Хороший сайт

Написать ответ