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:
Imagen ubicada en el mismo directorio:
Imagen ubicada en una carpeta llamada imagenes:
Imagen ubicada fuera del directorio local:
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.
0 comentarios: