19 декабря 2016

Всплывающая подсказка к текстовым ссылкам


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

Приятно получить и сделать близким людям подарок на Новый год, созданный своими руками. Не обязательно это должен быть новогодний сувенир с символом наступающего Нового года. Это может быть любая вещица бытового назначения или для личного использования

   Текст получился коротким и, можно сказать, многофункциональным: это, собственно, сам текст, ссылки на другие материалы и подсказки к ссылкам (всплывающие), что увеличивает информативность ссылок.
   Итак, создали текст, теперь переключаемся в режим HTML редактора и находим HTML коды ссылок. Для удобства поиска до переключения в режим HTML редактора пометим ссылки каким-то удобным для вас способом, я, например, использую пунктирную линию, она отчетливо выделяется, и глаз ее сразу  выхватывает в любом тексте.

   Ссылка (первая ссылка в нашем примере) выглядит так:
.
<b><a href="http://blogchitatel.blogspot.ru/2016/12/blog-post_5.html"  target="_blank"  >новогодний сувенир с символом</a></b>

   Дополним ссылку следующим текстом, который будет всплывать при наведении курсора мышки на ссылку:
.
title="Подарки с символом наступающего года - петушком"

   Теперь код ссылки (HTML код ссылки со всплывающим текстом-подсказкой)  будет выглядеть так:
.
<b><a href="http://blogchitatel.blogspot.ru/2016/12/blog-post_5.html" title="Подарки с символом наступающего года - петушком"  target="_blank"  >новогодний сувенир с символом</a></b>

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...