Artículos
HTML

Tooltip, texto al pasar sobre una imágen

18/Nov/2006

Muchas veces habréis pasado sobe una imagen y habréis visto que sale como un pequeño texto en amarillo con un texto, normalmente relacionado con la imagen. Pues bien, eso es lo que se conoce como tooltip.

Lo primero que vamos a hacer es poner una imágen en nuestra página web. Para ello utilizaremos la etiqueta IMG. Dentro de esta etiqueta tenemos el atributo src que nos indicará el nombre de la imagen que queremos mostrar.

Así nos quedará la siguiente línea de código:

Si queremos incluirle el tooltip deberemos de utilizar el atributo title, al cual le daremos como valor el texto que queramos que salga en el tooltip. Veamos como queda la línea de código:

Lo bueno del atributo title es que lo podemos utilizar en diferentes etiquetas HTML. Es decir, que no solo está limitado a la etiqueta IMG.

Y veamos el resultado, pasa sobre la imágen…

Foto de Línea de Código

Veámos el comportamiento de algunos navegadores:

Title en los navegadores

Código Fuente

Descárgate el código fuente de Tooltip, texto al pasar sobre una imágen
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Notificar de
guest
15 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios