Imágenes

La etiqueta usada para colocar imágenes en HTML5 es

<img>

Tiene dos atributos importantes:

1. src
   Indica la ruta a la cual se encuentra la imagen
   
2. alt
   Es el texto alternativo que se debe visualizar cuando la imagen no se ha cargado o no se puede cargar

Posee también los atributos opcionales:

1. width y height
   Para definir las dimensiones de la imagen
   
2. longdesc
   Es la URL de una pagina en la que se proporciona una descripción larga de la imagen
   
3. ismap y usemap
   Para definir mapas de imagen

Hay atributos obsoletos (desaconsejados, utilizar CSS en su lugar):

1. align
2. border
3. hspace
4. vspace

HTML no impone una lista de formatos para las imágenes, sino que depende del navegador, pero de manera estándar se tienen:

1. JPEG
2. GIF
3. PNG

Mapas de imagen

• Es una imagen sensible: una imagen que contiene zonas activas (sensibles, calientes) que son enlaces
• Se puede procesar en el cliente (usemap) o en el servidor (ismap).
• Se pueden procesar en la parte cliente o en la parte servidor. Normalmente se hace en la parte cliente.

Un mapa de imagen en el cliente se define con:

<map name="">

<img usemap="" />

Cada zona activa se define mediante una figura geométrica.

Tres tipos de figuras geometricas y se definen de la siguiente manera:

<area shape="" coords="" href="" alt="" />

Rectángulo 

<area shape="rect" coords="x1, y1, x2, y2" .... />

Círculo

<area shape="circle" coords="x, y, r" .... />

Polígono

<area shape=poly' coords="x1, y1, x2, y2,..,xn, yn .... />