Як зробити підказку HTML


 

Часто на сайтах додають такий елемент, як спливаюча підказка. Це напис, який з’являється біля певного елемента після наведення на нього курсора миші. Зробити таку підказку неважко за допомогою відповідного коду.


Інструкція

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