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

3 ноября 2014 г. Просмотров: 739 Инструкции
Часто на сайтах добавляют такой элемент, как всплывающая подсказка. Это надпись, которая появляется возле определенного элемента после наведения на него курсора мыши. Сделать такую подсказку нетрудно с помощью соответствующего кода.

Инструкция

  • Пропишите на своем сайте ссылку на почтовый ящик, добавьте к ней всплывающую подсказку, чтобы она появлялась при наведении на нее курсора мыши. Ссылка на e-mail делается иначе, чем на документ (сайт либо страницу).
  • Откройте код своей страницы с помощью любого редактора, к примеру, блокнот, добавьте следующий текст: login@server.ru . При выполнении щелчка по данной ссылке будет открыто окно нового сообщения. Затем добавьте в данный тег всплывающую подсказку, чтобы пользователю было понятнее, что скрывается под данным элементом.
  • Обратите внимание, что в старых версиях Html (3, 2) не поддерживается создание подсказки на сайте. Поэтому в ранних версиях браузера, таких как Internet Explorer 5 и ниже, данная функция отображаться не будет. Это же относится и к программе Netscape Navigator более ранних версий. Спецификация Html 4.0 уже содержит поддержку примечаний к тексту. Вы можете применить подсказку Html практически во всех элементах страницы. Поэтому использовать ее можно в тегах ссылок и изображений, параграфов, блоков, заголовков всех уровней, в линейных элементах.
  • Воспользуйтесь атрибутом Title, чтобы добавить подсказку к тексту на сайте. Не путайте его с одноименным тегом. Данный атрибут предоставляет информацию про объект, для которого вы его установите. Например, вы можете использовать его в теге ссылки. Для этого используйте его внутри данного тега. Пример использования атрибута Title: «Введите название для ссылки». Таким образом, на странице будет отображаться последний введенный вами текст, если навести на него мышь, будет выводиться всплывающая подсказка. После щелчка мыши по тексту осуществится переход по адресу, приведенному в начале тега.
  • Оцените статью!