Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Додати підказку до зображення, яка з'являється при наведенні на нього курсора миші.
Рішення
Підказка зазвичай використовується для короткого коментування змісту зображень і з'являється при наведенні курсору на картинку. Додавання такої підказки відбувається за допомогою атрибута title тега <img>. Значення вказується текстовим рядком в лапках. У прикладі 1 показано додавання підказка на малюнку.
Приклад 1. Підказка
HTML5IECrOpSaFx
<!DOCTYPE html> <HTML> <head> <meta charset= "utf-8"> <title>підказка</title> </head> <body> <p><img src="images/dino.gif" alt="Динозаврик" title="Рожевий динозаврик"></p> </body> </html>
Результат цього прикладу показано на рис. 1.
Рис. 1. Вигляд вспливаючої підказки в браузері
Оформлення підказки залежить від браузера і налаштувань операційної системи і не може бути змінено безпосередньо.