Header Ads

Atributo alt y title en HTML

atributos alt y title

En un post anterior aprendimos a colocar imágenes con HTML, ahora utilizaremos 2 atributos que nos permitirán poner  una descripción a las imágenes que colocamos y esta se vera  al momento de posicionar el puntero del  mouse sobre ellas.

De forma general el código seria de esta manera :
 <img alt="descripcion" src="ubicacion de la imagen" />  (Usado sin problemas en Internet Explore)

OJO: Es importante recalcar que  las propiedades del atributo "alt" se pueden visualizar sin ningún problema en Internet Explore sin embargo otros navegadores como FireFox o GoogleGhrome solo reconocen el atributo "alt" como una descripción declarativa, para ello existe otro atributo llamado "title" que nos permite efectuar la descripción sin problemas en cualquier navegador.

Ahora añadiendo el atributo title el código seria de esta manera :

 <img alt="descripcion" title="Descripcion"src="ubicacion de la imagen" /> (Para otros navegadores)


Código HTML:



Ejemplo Ejecutado En Un Navegador:

Por favor coloque el puntero del mouse sobre cualquier imagen.


Imagen ubicada en el mismo directorio:
Imagen 1

Imagen ubicada en una carpeta llamada imagenes:
Imagen 2

Imagen ubicada fuera del directorio local:
Imagen 3

Como podemos observar al posicionar el puntero del mouse sobre cualquiera de las 3 imágenes se muestra la descripción que pusimos en los atributos.

Se recomienda experimentar en diferentes navegadores con los atributos "alt" y "title" para notar las diferencias que estos tienen en cada uno de ellos.







No hay comentarios