Tooltips

 

Tooltips can be quite useful. It's a way to give more information to an image, to a link, or almost anything that will accept the title attribute. If you have an image, you are probably familiar with the alt tag attribute:

html - alt tag
  1. <img src="filepath/imagename" alt="some text about the image">

The alt tag (alternative text) is designed for screen readers which can read the text out loud when the image cannot be seen. But sometimes you might want text to be visible when you mouse-over an image or a link. You do this by adding a title tag as shown in our sample below:

html
  1. <img src="images/4711lg.jpg" alt="template image" title="This is Template 4711 from our catalog">
template image
Mouse-over the image

Mouse-over Me