Mapas De Imagenes

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.A continuación vamos a explicarte como podemos crear este tag html y los diferentes atributos que posee este tag. Como veremos a lo largo del artículo, lo difícil de crear un mapa deimágenes no es el mapa en sí, sino encontrar las coordenadas en la imagen. Aunque existen programas de edición de imágenes que nos ayudarían en esa tarea.El tag mapCómo ya podemos suponer,<map> es el tag necesario para poder crear un mapa de imágenes en html. Por supuesto, posee un cierre: </map>.Este tag debe ir acompañado del atributo name= “x”, para indicar el nombre del mapa. Portanto si queremos hacer un mapa que se llame ejemplo 1, escribiremos: <map name= “ejemplo1”>Atributo areaEl mapa de imágenes lleva un área dentro de la cual podremos pinchar para dirigirnos aldestino que hayamos preestablecido. Pero, por supuesto, esa área se la tenemos que indicar al navegador para que la interprete.La zona del enlace se indica dentro de la etiqueta, estableciendo lascoordenadas de dicha área. También podemos escribirle un texto alternativo, un “alt”, al área.Existen tres tipos de áreas. Vamos a explicártelas a continuación.Atributo shapeEste atributo nos indicará eltipo de área que es. Como hemos dicho existen tres tipos: rectangular (rect), poligonal (poly) o circular (circle) y cada una de ellas tiene unas características diferentes. Vamos a profundizar unpoco más en ellas.shape=“rect” : Este tipo de área crea un mapa de imagen rectangular. Para definir la zona que incluirá ese mapa deberemos definir la esquina superior izquierda del área y la esquina...