Página 20                                        Lección 20.

<MAPA> Esta etiqueta se utiliza para definir Mapa de imágenes.

Cuando ya se tenga las coordenadas puede definir el MAPA de imágenes, para ello, empiece con la etiqueta <MAP>.

                              Ejemplo:

                                            <MAP NAME=”nombre del mapa”>  </MAP>.

La parte “nombre del mapa” es el nombre que se asigna a esta definición de mapa, después hay que definir las áreas de la imagen donde se puede hacer clic esto se hace clic esto se con la etiqueta <AREA>.

                                        

                                              Ejemplo:

                           <AREA SHAPE=”Forma” COORDS=”coordenadas” HREF=”URL”>

<SHAPA>: Determina la forma del área.

COORDS: Define las coordenadas del área.

HREF: Especifica la página web que hay que cargar cuando el usuario haga clic en esa área.

<AREA SHAPE=”RECT COORDS=” 0, 0, 199, 99” HREF=”Televisa.com”>.

Debe colocar las etiquetas  <AREA> entre las etiquetas <MAP y <MAP.

                                                                                                        <MAP NAME=”mapas”>

Ejemplo:

                       <MAP NAME=”mapas”>

<AREA SHAPE=”RECT” COORDS=”0, 0, 199, 99” HREF=”TVAzteca.com”>

Los atributos SHAPE de la etiqueta área también aceptan valores CIRC, POLY (polígamo).

CIRC: El atributo para COORDS tiene 3 valores “X” “Y” del punto del centro y el radio del circulo.

POLY: EL atributo COORDS tiene 3 o más series de coordenadas, el navegador determina el área uniendo con una línea una coordenada con otra.

Para darle buen uso a esta cuestión de las coordenadas utilice la etiqueta <IMG> en la página web.

                  <IMG SRC=”Mapa de imágenes” USEMAP=”#Nombre del mapa”>

                                                 ↓                              ↓

              Nombre del archivo de imágenes        Sé utiliza para que el navegador trate el gráfico

                                                                                      Como un mapa de imágenes

                  Ejemplo:

                              <BODY>

                <HTML><CENTER>

                <MAPA NAME=”MAPA”>

                <IMG SRC=”roqueta.bmp”> USEMAP=”#MAPA”>                                     

                <AREA SHAPE=”RECT” COORDS=”157, 24,310,139” HREF=”Taxco.HTML”>

                <AREA SHAPE=”RECT” COORDS=”446, 28,692,135” HREF=”Tlaxcala.HTML”>

                <AREA SHAPE=”RECT=”COORDS=”73,278,302,374” HREF=”Estado.HTML”>

                <AREA SHAPE=”RECT”COORDS=”525,189,656,308” HREF=”MEXICO.HTML”>

               <AREA SHAPE=”RECT”COORDS=”318,185,456,294” HREF=”ATLIXCO.HTML”>

                </map>                                                                                                                     

                </CENTER>

                <CENTER> <font size=4>

                Si has visitado la mayoría de las páginas de este mapa, entenderás la razón de por que querer estar en contacto con el agua, podrás mandarme tus sugerencias, así como tus comentarios a la siguiente dirección electrónica <Font color=CIAN>severinogonzalez@hotmail.com</font> </Font>

                      <h3> GRACIA </h3>

                   </BODY>

                  </HTML>

Volver al principio

 

 Mi página web: à http://www.oocities.org/espanol/severinoglzs/Index