Los tooltips son ventanitas que explican el contenido al que conduce un enlace. En esta ocasión no usaremos un enlace para aplicar un tooltip, sino una palabra.
Pasa el cursor por esta frase...
Para ponerlo en tu blog usa estas líneas:
<abbr title="TEXTO DEL TOOLTIP">PALABRA O FRASE</abbr>
TEXTO DEL TOOLTIP: Escribe el texto que tendrá el cartelito.
PALABRA O FRASE: Cualquier palabra o frase que desees explicar.
Y claro, siempre se puede jugar con diseños. En este caso podemos destacar una palabra para indicar que estamos explicando su significado con colores o añadiendo un cursor.
Para añadir el cursor de 'pregunta' usa esta línea:
<abbr style="cursor: help;" title="TEXTO DEL TOOLTIP">PALABRA O FRASE</abbr>
Hola, Jaime:
El <abbr> no es un tag sin significado sino que indica una abreviación. Para lograr el mismo efecto sin confusiones puedes utilizar el <span>, que sí carece de propiedades y sirve únicamente para aplicar personalizaciones como éstas. Saludos.
Manuel de la Fuente, es cierto, también se puede usar la difinición <span>, lo haríamos así:
<span title="TEXTO DEL TOOLTIP">PALABRA O FRASE</span>
Además podríamos agregarle tamaños y colores ^_^