Mapas de imágenes en html

MAPAS DE IMÁGENES.

HTML nos permite la opción de crear diferentes enlaces URL dentro de una misma imagen. Es decir, podemos hacer que diferentes partes de una imagen tengan enlaces que nospermitan ir a diferentes destinos. Las fotos en las que queramos introducir un mapa de imágenes deberán ser de uno de estos tres formatos: .jpg, .gif o .png, que son los tres formatos recomendables paratodos los navegadores. Las tags usadas para crear mapas de imágenes son:

.....
Identifican que vamos a crear un mapa de imágenes. Generalmente, lleva asociado el atributo name= al que le sigueentre comillas el nombre del mapa. Este tag debe ir acompañado del atributo name= “x”, para indicar el nombre del mapa. Por tanto si queremos hacer un mapa que se llame ejemplo 1, escribiremos:El mapa de imágenes lleva un área dentro de la cual podremos pinchar para dirigirnos al destino que hayamos preestablecido. Pero, por supuesto, esa área se la tenemos que indicar al navegador para quela interprete. La zona del enlace se indica dentro de la etiqueta, estableciendo las coordenadas de dicha área. También podemos escribirle un texto alternativo, un “alt”, al área.
A esta tag leacompañan los siguientes atributos:

• shape= Entre comillas estableceremos el tipo de área a definir. Existen tres tipos de áreas distintas, suficientes para hacer casi cualquier tipo de figura. En eldibujo que acompaña estas líneas se puede ver una representación de las áreas, que detallamos a continuación.
 rect (rectangular)
 poly (poligonal)
 circle (circular)

shape="RECT"

Creaun área rectangular. Para definirla se utilizan las coordenadas de los puntos de la esquina superior izquierda y la esquina inferior derecha. Tal como están nombradas dichas coordenadas en nuestrodibujo, el área tendría la siguiente etiqueta:



shape="CIRCLE"

Crea un área circular, que se indica con la coordenada del centro del círculo y el radio. A la vista de nuestro dibujo, la...