Как сделать ссылку активной?

Как же удобно, когда в статье в Интернете вы встречаете заинтересовавший вас продукт, нажимаете на слово – и вам тут же открывается страница, где можно этот продукт найти. Или возьмём оформление Википедии – все неизвестные слова выделены синим цветом и подчёркнуты. А если на них нажать – вас автоматически перекидывает на страницу со статьей об этом слове. Все это – активные ссылки, и многим блоггерам и форумчанам будет интересно узнать, как сделать ссылку активной.

Загадочный язык HTML

Нерадивых программистов пугают им (языком HTML) на первом курсе, но на самом деле не так страшен чёрт, как его малюют. Вам и не надо знать весь язык. Достаточно знать только несколько самых важных кодов и умело ими пользоваться, чтобы прослыть продвинутым пользователем.

Почти на каждом сайте есть два окна написания сообщений: визуальный редактор и HTML. Первый максимально адаптирован под пользователя. То есть, чтобы сделать текст жирным, нужно нажать на кнопочку «Ж», а чтобы подчеркнуть – на «Ч». В HTML всё немного иначе. Там какие-то непонятные буковки, скобочки, чёрточки… Но сейчас мы во всём разберёмся.

Описание ссылки

Ссылки тоже бывают разные. И способы, как сделать ссылку активной - тоже. Бывают ссылки такие, как в Википедии, когда вас перебрасывает в новое окно при нажатии на слово или словосочетание. Такие ссылки называются анкором. В данном случае анкор – это ключевое слово, за которым прячется активная ссылка. Прописывается такая ссылка в HTML вот таким вот образом:

Анкор

Первая и последние буквы а – это тег, сокращение от anchor. Вместо слов «адрес сайта» мы вставляем ссылку на ваш сайт. Просто скопируйте то, что у вас в адресной строке браузера, и вставьте в кавычки. Вместо слова «Анкор» вписываем то, чем мы хотим «спрятать» ссылку. Например:

<a href="elhow.ru">Простой совет в сложный момент!</a>

Анкор - только один из способов, как сделать ссылку активной. Но существуют и другие ссылки. Например, пустые ссылки и ссылки с окружением.

Пустые ссылки – это те, в которых нет анкора. Но там вполне может быть изображение. Код такой ссылки:

<a href="адрес"><img title="название изображения (заголовок)" src="ссылка на изображение" alt="альтернативное название изображения (анкор)" height="420" width="462" /></a>

Тут уже побольше и вряд ли удастся запомнить так же быстро, но это тоже вполне возможно.

А ссылка с окружением – это ссылка, которая сама по себе не несёт ключевого слова, но рядом с ней прописаны все нужные вам понятия. Код для неё точно такой же, как и для ссылок с анкором, только слово будет какое-нибудь незначительное. Например «тут» или «здесь».

Дополнительные функции и коды

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

<a href="адрес" target="_blank">анкор</a>

Как видно, между адресом и анкором появился новый атрибут – target. Именно он и перенаправляет ссылку в новое окно. Этот атрибут указывает браузеру на то, в каком окне ссылку открывать.

Если вы хотите, чтобы при наведении на ссылку показывался заголовок статьи, нужен другой атрибут – TITLE. Его мы прописываем так:

<a href="адрес ссылки" title="Заголовок статьи">Анкор</a>

Ссылки на форумах

На форумах немного иное кодирование, потому и коды там будут другие. Во-первых, будут квадратные скобочки, а не треугольные, а во-вторых, и теги будут другие. Вот, например, как будет выглядеть активная ссылка с анкором:

[url=адрес_сайта]Анкор[/url]

Это называется ВВ-кодированием и используется большинством форумов.

Вот вам краткий курс по использованию HTML-кодов. Теперь вы знаете, как сделать ссылку активной! Творите и совершенствуйтесь!