how can I display tooltip or item information on mouse over?

Solution 1:

Use the title attribute while alt is important for SEO stuff.

Solution 2:

The simplest way to get tooltips in most browsers is to set some text in the title attribute.

eg.

<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" />

produces (hover your mouse over the image):

a cat http://www.imagechicken.com/uploads/1275939952008633500.jpg

Title attributes can be applied to most HTML elements.

Solution 3:

The title attribute works on most HTML tags and is widely supported by modern browsers.