Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 2021-02 - S02 - 1 - Usemap Img HTML

    Cargado por

    Rodrigo
    11 vistas8 páginas
    El documento explica cómo insertar enlaces en sectores específicos de una imagen en una página web usando las etiquetas <IMG> y <MAP>. La etiqueta <MAP> identifica el mapa y la etiqueta <AREA> define las áreas de la imagen con enlaces, especificando su forma, coordenadas y enlace.

    Descripción original:

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento explica cómo insertar enlaces en sectores específicos de una imagen en una página web usando las etiquetas <IMG> y <MAP>. La etiqueta <MAP> identifica el mapa y la etiqueta <AREA> define las áreas de la imagen con enlaces, especificando su forma, coordenadas y enlace.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    11 vistas8 páginas

    2021-02 - S02 - 1 - Usemap Img HTML

    Cargado por

    Rodrigo
    El documento explica cómo insertar enlaces en sectores específicos de una imagen en una página web usando las etiquetas <IMG> y <MAP>. La etiqueta <MAP> identifica el mapa y la etiqueta <AREA> define las áreas de la imagen con enlaces, especificando su forma, coordenadas y enlace.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    Mapas

    con links
    sobre
    imágenes
    en
    páginas
    HTML

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    IMG - USEMAP

    La sentencia USEMAP se utiliza conjuntamente con IMG


    para insertar enlaces en sectores determinados de una
    imagen en una página web.
    ▪ La etiqueta <MAP> identifica el mapa.
    ▪ La etiqueta <AREA> que define las áreas de la
    imagen donde se agregan los enlaces.

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    IMG - USEMAP
    <!DOCTYPE html> Reemplazar
    por el nombre
    Reemplazar
    por el ancho y
    <html> de la imagen el alto

    <body>
    <img src="ejemplo.png" ismap="ismap"
    width="608" height="500" Reemplazar
    alt="Descripción de la página" por el nombre
    que se dará al
    usemap="#mapafigura"> mapa.

    <map name="mapafigura">
    <area shape="circle" coords="116,98,40"
    alt="Círculo" href="http://dmcc.usach.cl">
    <area shape="rect" coords="251,162,359,214"
    alt="Rectángulo" href="http://www.usach.cl">
    <area shape="poly"
    coords="308,356,446,191,312,421,167,200"
    alt="Polígono" href="http://ntic.usach.cl">
    </map>
    </body>
    </html>

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    Las coordenadas corresponde a intersecciones de
    líneas y columnas de pixeles en la imagen,
    análogas a las usadas en las matrices.
    0,0

    608,500

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    Existen tres tipos de áreas que se pueden asociar
    a un link. Un área rectangular se define como:

    <area shape=“rect”
    coords=“X1,Y1,X2,Y2“
    alt=“Descripción" href=“dirección web">

    (X1,Y1)

    (X2,Y2)

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    Un área circular se define como:

    <area shape=“circle”
    coords=“X1,Y1,radio“
    alt=“Descripción" href=“dirección web">

    (X1,Y1)

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    Un área poligonal se define como:

    <area shape=“poly”
    coords=“X1,Y1, X2,Y2, X3,Y3, X4,Y4“
    alt=“Descripción" href=“dirección web">

    (X1,Y1) (X3,Y3)

    (X2,Y2)

    (X4,Y4)

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.


    Para asociar el área de las figuras a links en diferentes páginas web será
    necesario establecer tres áreas diferentes:

    <!DOCTYPE html>
    <html>
    <body>

    <img src="ejemplo.png" ismap="ismap"


    width="608" height="500"
    alt="Descripción de la página"
    usemap="#mapafigura">

    <map name="mapafigura">
    <area shape="circle" coords="116,98,40"
    alt="Círculo" href="http://dmcc.usach.cl">
    <area shape="rect" coords="251,162,359,214"
    alt="Rectángulo" href="http://www.usach.cl">
    <area shape="poly"
    coords="308,356,446,191,312,421,167,200"
    alt="Polígono" href="http://ntic.usach.cl">
    </map>
    </body>
    </html>

    Computación II - Licenciatura en Educación en Matemática y Computación Prof. Fredi Palominos V.

    También podría gustarte