Создание гиперссылки в html

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

Для создания ссылки , используется парный тег <a> </a> . Текст , который находится между тегами является анкором ссылки, а то куда указывает ссылка, определяется в аттрибуте href. Таким образом этот тег применяется в следующем виде <a href=’url’> анкор </a>  , где url — адрес ссылки.

Пример

<a href=’http://yanddirekt.home-pg.ru/’ > настройка рекламы яндекс директ </a>

В браузере будет выглядеть так
настройка рекламы яндекс директ

Ссылки бывают текстовыми и графическими, внешними и внутренними, относительными и абсолютными.

 

текстовые и графические ссылки

Текстовая ссылка, это когда используется текст между тегами . При нажатии на текст мы перейдем по ссылке указанной в аттрибуте href. Для создания графической ссылки нужно между тегами <a> </a> вставить картинку с помощью тега <img /> . При этом картинка становится кликабельным

внешние и внутренние ссылки

Ссылки в страничке бывают внутренними и внешними. Внутренние ссылки ведут на определенную часть той же странички, допустим на подраздел статьи или на начало, загаловок страницы. Для создания анкора, к которому будет вести внутренняя ссылка используется тег <a> с атрибутом name , это выглядит так :  <a name=’zagolok1′> Заголовок 1 </a>. Для создания внутренней ссылки, которая будет вести к этому анкору, используется тег <а > с использованием аттрибута href и указанием в аттрибуте значения zagolovok1.

Внешние ссылки создаются с помощью тега <a>  и указанием адреса ссылки в аттрибуте href <a href=’url’> текст ссылки </a> Внешние ссылки ведут на другие страницы , либо на другой сайт в интернете.

Абсолютные и относительные ссылки

Абсолютные ссылки выглядят следующим образом <a href=’www.home-pg.ru’> home-pg, главная страница <‘/a’>. Абсолютные ссылки ведут на сайты и страницы в интернете.

Относительные ссылки обычно ссылаются в одном и том же сайте, на другую страницу. При этом ссылку в теге <a> можно использовать не абсолютную, а относительную. Это либо относительно текущей страницы, либо относительно корневого каталога сайта. К примеру в сайте может быть каталог price . В странице сайта можно использовать относительную ссылку <a href=’/price/index.html’>. В данном случае использовалась ссылка относительно корневого каталога.

Допустим в одном каталоге находится два файла index.html, news.html . Мы находимся в странице index.html, а чтобы перейти на другую страницу можно использовать относительную ссылку <a href=’news.html’> . Чтобы использовать ссылку на страницу в папке  нужно использовать такой путь ‘katalog1/index.html’. Для того чтобы подняться выше по иерархии в папке, нужно использовать путь ‘../index.html’ .

Атрибут target

атрибут target имеет следующие значения

  • _blank   страница открывается в новой вкладке
  • _parent страница открывается в родительской вкладке
  • _self страница открывается в этом же окне. По умолчанию

Атрибут title

атрибут title используется для создания всплывающей подсказки.

Это самое важное про ссылки, но не все. Есть еще дополнительные сведения, их можно найти в справочниках.

К содержанию

 

Похожие темы

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *