Using definitions, abbreviations and acronyms

[Tags: web design, new media]. Have you ever been on a website and seen a word with a dotted underline? Then you move your mouse over that word and a definition appears over it? (If not, check out A List Apart, which does it a lot - or see http://www.slais.ubc.ca/courses/libr500/02-03-wt1/www/C_Walker/intro.htm)

This is how you do it:
In your HTML, use one of the following tags before your word: <acronym title="TYPE TITLE HERE">or <abbr title="TYPE
ABBREVIATION HERE">- and close the tag afterwards, i.e. </acronym>or
</abbr>

In your CSS, include the following:
abbr, acronym
{
border-bottom: 1px dotted #333;
cursor: help;
}