Как же удобно, когда в статье в Интернете вы встречаете заинтересовавший вас продукт, нажимаете на слово – и вам тут же открывается страница, где можно этот продукт найти. Или возьмём оформление Википедии – все неизвестные слова выделены синим цветом и подчёркнуты. А если на них нажать – вас автоматически перекидывает на страницу со статьей об этом слове. Все это – активные ссылки, и многим блоггерам и форумчанам будет интересно узнать, как сделать ссылку активной.
Нерадивых программистов пугают им (языком 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-кодов. Теперь вы знаете, как сделать ссылку активной! Творите и совершенствуйтесь!