Tooltips sencillos»Ventanas de información de los links

Hoy vamos a hablar sobre los Tooltips. ¿Qué es un Tooltip? Pues es la ventanita, generalmente de color gris o amarillo, que aparece cuando pasamos el mouse sobre un link o enlace. Lo usamos para brindar una pequeña información sobre lo que encontraremos al acceder a dicho link.

Hoy haremos algunos Tooltips sencillos y en futuros post, veremos cómo hacer Tooltips más elaborados.

► Si deseamos poner un Tooltip en un enlace de texto, lo haremos de la siguiente forma:

<a href="AQUI-URL-DEL-ENLACE" title="AQUÍ-LA-DESCRIPCIÓN-DEL-ENLACE">NOMBRE-DEL-ENLACE</a>

El resultado será el siguiente (pasar el mouse por encima del enlace):

Diversas & Variadas

► Si deseamos poner un Tooltip en un enlace con imagen, lo haremos de la siguiente forma:

<a href="AQUI-URL-DEL-ENLACE" title="AQUÍ-LA-DESCRIPCIÓN-DEL-ENLACE"><img src="AQUÍ-URL-DE-LA-IMAGEN/></a>

Y el resultado será el siguiente:


Sencillo, verdad? En próximos post haremos Tooltips más elaborados y con más estilos.