Mapas interactivos Uno de los elementos que pueden dar a nuestra web un aspecto más
atractivo es un mapa interactivo. Este que sigue es el código que lo genera:
La primera línea contine el tag <MAP>, que indica al navegador que pasamos a definir un mapa. El modificador NAME asigna un nombre a dicho mapa (en este ejemplo el nombre es "mapa"). Las siguientes líneas indican áreas dentro del mapa con el tag <AREA>. Este tag tiene los siguientes modificadores:
En caso de que dos áreas se superpusieran, tendrá preferencia la que esté definida más arriba en la lista. La línea <AREA SHAPE="default" NOHREF> indica al navegador que las áreas no incluidas en ningún rectángulo no contienen enlaces. El cierre </MAP> indica al navegador que se ha terminado de definir el mapa. Por último, la línea <IMG USEMAP="#mapa" SRC="barthomr.jpg"> inserta un gráfico que utiliza la definición de mapa anterior. Pare ello, incluímos en el tag <IMG> el modificador MAP cuyo valor será el nombre del mapa. Ahora, al pinchar sobre Homer se abrirá la página de Homer, y al pinchar
sobre Bart se abrirá la página de Bart.
|
||