How can we implement Tooltip in HTML?

**roodiii** · 14-12-2009

Hello Friends,

I have one query regarding the tooltip concept of the HTML. I an developing one project in the HTML. In which I need add the tooltips for various components of the Html page. Please let me know How can we implement Tooltip in HTML? I would greatly appreciate your help.

**Calvin K** · 14-12-2009

Hi,

In the HTML language the the implementation of the tootip can be achieved by using "alt" attribute.
See below syntax for the tooltip.:

Here the "Nature beauty" is the tooltip which is applicable for the given image mentioned in the "Image" tag.

**Lillebror** · 14-12-2009

According to my Html knowledge the "title" attribute is used to apply the tooltip in the html. Below html example which will demonstrate you the the basic use of the "text" attribute in the html code.

**jesse** · 14-12-2009

Hi friends,
The tooltip are the text which visible when user clicks on the any Html component such as Image, url, Buttons, check boxes, forms, tables etc. This can be achieved int two ways i.e "text" attribute and another is "Tittle". We can implement the multiline tooltips for the web page .
If you are using the "Firefox " browser then you are not able to see multiline tooltips. To show multiple line tooltip you need to use the Internet explorer.

**SalVatore** · 14-12-2009

I have one html program for the tootip which is as following:

HTML Code:

<html>
<head>

<script type="javascript">

var txt1 = "The first tooltip program";

function TlTxt(g)
{
    return "The program of " + g + " tooltip";
}
</script>
</head>
<body>

<a href="bnm.htm" onmouseover="Tip(TlTxt('1st'))">Place first link here</a>

<a href="tyu.htm" onmouseover="Tip(TlTxt('2nd'))" onmouseout="UnTip()">Place 2nd link here</a>

</body>
</html>