Как сделать ссылку словом

06-03-2014

Многие спрашивают о том, как делается ссылка на сайтах. Сейчас я расскажу, как сделать ссылку словом, или как сделать анкорную ссылку.

ссылка словом

Ссылка словом на сайтах или «гиперссылка» может быть задана двумя способами. Первый способ заключается в передаче в теле ссылки (в анкоре) указателя на адрес страницы, а во втором способе пользователь передает в анкоре какой-либо поясняющий смысл ссылки текст.

Рассмотрим примеры.

Допустим, нам требуется указать на сайте ссылку «http://www.yandex.ru» в виде текста «Это Яндекс» (адрес взят условно, для примера).
За передачу ссылки в гипертекстовых документах (в теле сайта) отвечает специальный html-тег . 

Обычная ссылка без анкора (слова) 

Вставленная в документ по первому способу, она выглядит так: http://www.yandex.ru, где синим цветом выделен адрес страницы, на которую ссылаются.

Ссылка с анкором

Второй способ более элегантен, так как позволяет уточнить, о чем может нам рассказать ссылка. Меняем только ту часть, которая находится внутри тега <а>:

<а href="http://www.yandex.ru"> Это Яндекс </а> 

Когда вы вставите этот код на сайт, то получите вот такую кликабельную ссылку с анкором (словом): Это Яндекс

Полезно знать

У ссылок можно проставлять специальные атрибуты, которые дополняют и преобразуют ссылку. Так, установив атрибут title, вы получите возможность подробно описать назначение ссылки в виде всплывающей подсказки. Это Google

Для открытия ссылки в новом окне браузера, используйте конструкцию вида target="_blank" внутри ссылки. Вот нужный код: Это Google

[ 3 ] Комментарии к статье «Как сделать ссылку словом»

Павел
24.04.14
Вот спасибо за это, а то были случаи, когда нужно было вставить ссылку, а как толком не понятно. Такими темпами html выучу))
Ответить на этот комментарий
Виталий Перов
(администратор)
24.04.14
Ответ для Павел:пожалуйста, знать html - в наше время полезно подмигиваю
Ответить на этот комментарий
Влад
01.06.14
Ответ для Виталий:Это точно html с css это сила. Столько всего можно сделать, особенно, когда владеешь такими знаниями на практике.
Хороший совет, думаю они многим пригодится, да и мозги тренирует))
Ответить на этот комментарий
Оставьте комментарий
Правила кoммeнтиpoвaния на сайте pkna5.ru
  1. Опишите проблему подробнее. Непонятные или короткие вопросы, типа: "Помогите не работает!", будут удалятся.
  2. Комментарии не по теме, бессмысленные или с ненормативной лексикой - удаляются.
  3. При ответе на комментарий, пожалуйста, используйте кнопку "Ответить на этот комментарий".
  4. Перед тем как задать вопрос, пожалуйста, воспользуйтесь поиском по сайту.
  5. Первый комментарий проходит проверку.
  6. Свои вопросы Вы можете задать на нашем форуме.
 

Следить за комментариями к статье