HTML Tutorial





Español Français 中文 Deutsch Portuguese Japanese nederlands
   
 
HTML Basic
Introduction
How To
HTML Tags
html, head, body
Text Manipulation
IMAGES
Special Effects
Using Tables
Forms
Other Topics
 

ADVANCED HTML
Introduction
Media
Meta Tag
Frame tags
Fieldset
Tooltip
DTD
Image tags
Subscript & Superscript
Bullet styles
Canvas
Other tags
Ask Your Doubts
More about HTML
Feedback
 




HTML Tooltip


Tutorials Html

Topic

How to create a tooltip using title attribute?
How to create a tool tip in html?




Explanation

HTML Tooltip using title attribute:

Tool tip is a popup menu box appears when you hover on any link. Tooltip can be created using the title attribute to the object.

Example Code:

<a href="http://www.hscripts.com/tutorials" title="Free Tutorials">Free tutorials</a>

Result:

Free tutorials

In IE, the browser will display the alt text on hovering images as a tool tip. But, it is better to use the title attribute to display the tool tip in other browsers.

HTML Tooltip using javascript:

The tool tip can also be created using the javascript and div tag. It is used as a reference for any text field in the web page.

Example Code:

<DIV TITLE="header=[First row] body=[second row]" STYLE="BORDER: #558844 1px solid;WIDTH:200px;HEIGHT: 40px"> My div with some text inside. Move over me to see my popup menu. </DIV>

Result:

My div with some text inside. Move over me to see my popup menu.


You can also download Javascript Tool tip from the following link,
Javascript Tooltip



Other Links

web hosting