Как сделать ссылку подсказку

Здравствуйте, дорогие мои читатели!  Я недавно, читая статью на одном сайте заметила, что подведя курсор к ссылке, всплывает маленькое окошко, что- то типа маленькой подсказки. Мне это очень понравилось,  ведь сразу было видно, куда я перейду, если кликну по данной ссылке. Порыскав информацию в интернете, я ничего не нашла. Вернее информация была, но не совсем полная. А мне нужно было объяснить своим читателям
, все в мельчайших подробностях. Как вы поняли, сегодня статья о том как сделать ссылку подсказку.

И вот пришлось запастись терпением и пораскинуть мозгами. Да и знания по html  пригодились. Но вы не пугайтесь. Это все делается легко и быстро. Я лишь покажу вам, как это можно сделать, используя лишь визуальный редактор wordpress.

Давайте несколько слов о самих ссылках. Ссылка(link) – это некий адрес, нажимая на который мы переходим на другую страницу. Сегодня, как раз речь о гиперссылках. В прошлой своей статье Делаем перелинковку сайта,  я писала и говорила о ссылках, анкорах, кто не понимает о чем я, почитайте мою предыдущую статью и вам все станет ясно.

И так вернемся к нашей ссылке. Вот наша ссылка http://wordstat.yandex.ru/,так она выглядит.

Допустим, я пишу какой- то текст и  мне нужно вставить ссылку. Что я для этого делаю? Я выделяю эту ссылку  и нажимаю значок цепочки и,  в открывшемся окошке вставляю  адрес ссылки.

Таким образом, при опубликовании моего поста, ссылка становится активной и по ней можно перейти.

Ссылка обозначается  парным тегом.

<a>- это, открывающий тег

</a> это закрывающий тег. Различие в том, что в закрытом теге стоит слеш(/). Или, как иногда называют новички косая палочка.

А теперь я хочу показать вам, как не зная  кодов сделать ссылку подсказку.

Для этого нужно перейти  из визуального просмотра в html редактор. И тут мы видим  наш код на ссылку.

 Выглядит он так. Смотрим  скриншот.

Давайте разберемся:

 То, что я выделила синим это ссылка http://wordstat.yandex.ru/

target="_blank" - это тег означает открывать в новом окне, он у меня зеленым выделен.

title="Текст подсказки для ссылки"  — это наша подсказка, вписываем любой текст.

Вот такая ссылка подсказка у нас получилось.

С редактором на wordpress можно не заморачиваться на счет цвета ссылок. Достаточно выделить ссылку и выбрать для нее цвет. Вот такой волшебный редактор.
А в науке html можно сделать с помощью таких атрибутов, которые прописываются в теге <body>.

примерчик:

Пример задания цвета ссылок.

link —  ссылка по которой не переходили  и она  по умолчанию отображается синим цветом.

alink —  так обозначается активная ссылка, по умолчанию у нее красный цвет.

vlink — это уже,  посещенная ссылка, всегда  по умолчанию фиолетовый цвет.

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

C уважением, Рита Молчанова, автор блога ritabk.ru

  • Ольга

    Да, очень нужная штучка. Спасибо, Рита. Не перестаю удивляться Вашим находкам. Обязательно использую. У меня уже целая копилочка собралась Ваших полезностей!

    [Ответить]

    Рита Молчанова Reply:

    Ольга, я рада, что свои находки, вы копите в копилочке. При необходимости их оттуда всегда можно достать и применить.

    [Ответить]

  • Любовь Долгая

    Всегда подписываю картинки, а теперь буду пользоваться подсказками в ссылках.

    Спасибо, Рита. Знала, но почету-то не применяла. А зря. Сейчас надо бороться за каждый клик.

    [Ответить]

    Рита Молчанова Reply:

    Спасибо, Любовь! Я очень рада, что пригодилась моя информация. Сейчас у себя буду все редактировать. Короче нашла дополнительную работу.

    [Ответить]

  • Людмила

    Это, как раз и есть тот тег title, который часто никто не заполняет. Совершенно напрасно. Кстати, заполняя нужное окошко при публикации фотографий, будет видно, о чем вы хотели сказать, если фото не отображаются. Такое часто случается в письмах в почте gmail...

    Так что не ленимся друзья!!

    [Ответить]

    Рита Молчанова Reply:

    Отличное дополнение , Людмила! Здорово!

    [Ответить]

  • Светлана Чиркова

    Очень интересная тема, Рита!!! Не первый раз уже пользуюсь Вашими советами и очень довольная. Как всегда актуально и очень нужно именно в данный момент. Спасибо огромное и дальнейших творческих побед Вам Рита!!!!

    [Ответить]

    Рита Молчанова Reply:

    Светлана, я очень люблю всех Вас, мои дорогие читатели! Поэтому и впредь буду писать и работать для Вас!

    [Ответить]

  • Баяс

    Спасибо, Рита. Обязательно воспользуюсь этой фишкой, оказывается все очень просто.

    [Ответить]

    Рита Молчанова Reply:

    Баяс, проще не бывает. Только ставь себе теги в нужном месте и все. Спасибо!

    [Ответить]

  • Андрей Косолапов

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

    [Ответить]

    Рита Молчанова Reply:

    Андрей, они вставляли без подсказки. Это я для новичков так все подробно. Ты видимо забыл, каким сам был года 1 год назад.

    [Ответить]

  • Андрей Косолапов

    Рита, 3-4 года назад, у меня и компа то не было. А статья, как для новичков, хорошая. Все расписано по пунктам, просто прелесть. 🙂

    [Ответить]

    Рита Молчанова Reply:

    Андрей, я переправила на год назад. 3-4 это конечно слишком. За такое время можно профессором блоггерских наук стать.

    [Ответить]

  • Андрей Косолапов

    Ух ты, профессор блогинга. Круто! Нет Рита, серьезно, я как то сразу разобрался как вставлять ссылки. Хоть и не профессор. 🙂

    [Ответить]

    Рита Молчанова Reply:

    Андрей, понимаешь еще по школе помню, все слушают урок, а правильно сделают не все. Значит ты отличник был в школе! Удачи!

    [Ответить]

  • Андрей Косолапов

    Рита, вот отличником я не был никогда. Но когда слушал внимательно, то запоминал все. Правда это бывало крайне редко. Вот как то так.

    [Ответить]

    Рита Молчанова Reply:

    Все понятно! Если бы внимательно слушал, и часто, то был бы однозначно. Но задатки были дано. А их не скроешь.

    [Ответить]

  • Олия

    Рита, для новичков информация будет полезна.

    [Ответить]

    Рита Молчанова Reply:

    Спасибо. Оля! Для них конечно. В свое время, я много искала в интернете информации про плагины и seo, о блоговедении. Раньше с этим было хуже. Теперь очень много толковых авторов- блоггеров. Главное это захотеть и изучить.

    [Ответить]

  • Денис Скрипник

    Хорошая инструкция для новичков. Я уже использую это более трёх лет.

    [Ответить]

Навигация

Следующая статья:

Остались вопросы? Напишите на E-mail: rita.mol4anova@yandex.ru или позвоните Skype: margo19596