Mensajes emergentes párrafos y otros elementos ::

  Aquí veremos cómo hacer que aparezca un mensaje cuando dejamos el cursor del mouse sobre algún componente de nuestra página web, párrafos, tablas, links, etc.

  Cómo vimos anteriormente con la propiedad ALT de la etiqueta HTML IMG podemos hacer que aparezcan mensajes emergentes cuando dejamos el mouse sobre una imagen. Ahora vamos a aprender una propiedad que tienen la mayoría de las etiquetas HTML para que aparezca un mensaje emergente cuando dejamos el mouse sobre alguna parte de nuestra página web.

  Para hacer el truco usamos la propiedad TITLE que es parte de varias etiquetas HTML como P (párrafo), A (anchor, link), TABLE (tabla), etc.

  Por ejemplo, quiero que cuando deje el mouse sobre un texto dentro de un párrafo, aparezca un determinado mensaje. El código HTML es el siguiente:

<P TITLE="Mi mensaje de texto">
Este es un párrafo cualquiera en HTML.
</P>


  El efecto se ve abajo (deja el mouse arriba del texto):

Este es un párrafo cualquiera en HTML.

  Otra prueba, vamos a crear una tabla dividida en 2 y vamos a hacer aparecer un mensaje distinto en cada parte de la tabla:

<table border=1><tr>
<td title="Parte Izquierda">Algún texto</td>
<td title="Parte Derecha">Algún texto</td>
</tr></table>

  Vemos el efecto, si dejamos el mouse arriba de una parte de la tabla recibimos un mensaje y del otro lado recibimos otro:

Algún texto

Algún texto

  De la misma manera podemos poner mensajes en cualquier etiqueta HTML, o por lo menos a muchas que son las más usadas. Si usamos TITLE en la etiqueta BODY de nuestra página, cada vez que dejemos el mouse quieto, aparecerá el mensaje. También podemos poner mensajes en: Tablas (TABLE, TR, TD), Listas (OL ó UL), Imágenes (mismo efecto que ALT), etiqueta FONT, Formularios, etc.