HTML AVANZADO

MAPAS
• SE REFIERE A UNA IMAGEN
QUE PUEDE APUNTAR A MÁS DE
UNA DIRECCIÓN DE INTERNET,
SEGÚN LA PARTE DONDE SE LE
DE UN CLICK.
• PARA CONFECCIONAR UN MAPA
, DEBEN DE UTILIZARSE 2 TAGS
DIFERENTES QUE ACTUAN EN
CONJUNTO
 MAPAS
• <MAP> Y <AREA>
• SINTAXIS
• <MAP NAME = “NOMBRE”

• </MAP>
• DENTRO DE ESTAS 2 MARCAS
SE DETERMINAN LAS ÁREAS
 MAPAS
• SE UTILIZA COMO REFERENCIA
LAS COORDENADAS QUE
QUEREMOS MARCAR DENTRO
DE LA IMAGEN.0,0 INDICA LA
ESQUINA SUPERIOR IZQUIERDA
• sintaxis:
• <AREA SHAPE=“FIGURA”
COORDS=“COORDENADAS”
HREF=“PAGINA.HTML”>
 MAPAS
• SHAPE = RECTANGULO
(RECT)
• =CÍRCULO(CIRCLE)
• =
POLÍGONO(POLYGON)
 Mapas
• RECTANGULO
• <AREA SHAPE=“RECT”
COORDS=“X1,Y1,X2,Y2”
HREF=DESTINO>
• CIRCULO
• <AREA SHAPE=“CIRCLE”
COORDS=“X,Y,R” HREF=DESTINO>
• POLÍGONO
• <AREF SHAPE=“POLYGON”
COORDS=“X1,Y1,X2,Y2,…..,Xn,Yn”
HREF=DESTINO>
 MAPAS
• PARA INDICIAR LA IMAGEN QUE SE
UTILIZARÁ COMO MAPA SE DEBE
INCLUIR DENTRO DEL TAG <IMG>,
EL PARÁMETRO USEMAP
• SINTAXIS
• <IMG SRC=“IMAGEN”
USEMAP=”#MAPA” BORDER=0>
• IMAGEN=NOMBRE Y RUTA DEL
GRÁFICO
• MAPA=NOMBRE CON QUE SE
DEFINIO EL MAPA EN EL TAG <MAP>