¿Qué son los mapas de imágenes en HTML?

4 Respuestas


  • El mapa de imágenes en HTML es una técnica en la que hay varios enlaces en una imagen. Cuando la persona hace clic en una parte de la imagen, esa parte la llevará al segundo sitio web, si se hace clic en la segunda mitad de la imagen, la persona lo llevará al tercer sitio web y así sucesivamente. Depende de cuántos enlaces estén presentes en la imagen. Por ejemplo, puede haber varios enlaces en el mapa de Pakistán (mapa de imagen de Pakistán) al hacer clic en el círculo de Punjab, ese enlace lo llevará a otro sitio que brinda información sobre las ciudades de Punjab, su cultura y todos los pensamientos relacionados con Punjab. O puede haber otro mapa de imágenes de Punjab que lo lleve a diferentes sitios de las ciudades de Punjab.

    Etiqueta para crear mapa de imagen:

    .
    o Atributos del mapa
     Nombre

    • Atributos del área:
    o Href
    o Forma
    o Coords

    Cómo usar estas etiquetas

    Trabajo de la etiqueta de mapa: Trabajo de la etiqueta de área

    // else this tag wont work


    <Map name="name the map"> 
    <area shape="circle" coords="384,231,160" href="address">
    // for circle

    <area shape="rect" coords="191,248,294,362" href="address">
    // for rectangle

    <area shape="poly" coords="303,313,303,487,425,436" href="address">
    // for polly

    </Map>
    <img src="Image.gif" border="0" usemap="#name the map"
    alt="any text description of image" width="465" height="561">
  • Los mapas de imágenes se utilizan en HTML para crear puntos calientes en las imágenes. Un punto de acceso se comporta como un enlace activo en una imagen. Podemos tener muchos puntos de acceso en una sola imagen. Si tenemos una imagen grande y queremos crear múltiples enlaces a la misma imagen, entonces dividimos virtualmente la imagen en múltiples secciones y permitimos vincular cada sección a un documento diferente. O queremos hacer un enlace activo solo en una parte específica de la imagen. Para crear un mapa de imágenes, debemos seguir los pasos. En el primer paso definimos el mapa y en el segundo paso aplicamos el mapa a la imagen. Para crear usamos podemos usar la siguiente codificación. 
      <map name=test>  <area shape="rect" cords="a,b,c,d" href="ink.html">  <area shape="circle" cords="a,b,c," href="link.html">  <area shape="poly" cords="a,b,c,d,e,f,g,h,..." href="link.html">  </map>  
      Para usar este mapa podemos usar 
      <img src="test.jpg" usemap="test">  
      El FrontPage también se puede utilizar para crear mapas de imágenes. Simplemente inserte la imagen y selecciónela. La barra de herramientas de imagen estará activa. Esta barra tiene tres iconos de forma, es decir, rectangular, círculo y polígono. Seleccione cualquier icono y dibújelo en la barra de herramientas. Cuando haya terminado, verá que aparece una ventana que le pide que especifique un hipervínculo. Simplemente escriba hipervínculo y se crea el punto de acceso (mapa de imagen). Podemos usar un mapa de imágenes para una sola imagen. Si queremos usar para múltiples imágenes, entonces necesitamos crear múltiples imágenes
  • Mapa de imagen: - En general, el mapa de imagen es el concepto en el que una imagen está separada lógicamente en un área diferente y, al hacer clic en cada área, muestra un mensaje diferente que es una descripción general del mapa de imagen. Llegando al tema que es Image-Map en HTML con la ayuda de image map en html se puede definir la lista que contiene toda la información sobre las coordenadas de la imagen.

    Como expliqué anteriormente, la imagen está lógicamente dividida en áreas y cada área tiene un hipervínculo a diferentes fuentes o puede decir destinos, el mapa de la imagen no es como un enlace de imagen ordinario en el que hace clic y que obtiene toda la información de un recurso específico. está todo dividido en diferentes destinos para el procesamiento de la información.

    La idea principal detrás de esta lógica es hacer enlaces fáciles a diferentes recursos sin dispersarlos a diferentes ubicaciones, por ejemplo, tome un ejemplo de mapa mundial donde tenemos muchos países, por lo que es más lógico combinarlos todos e hipervincular el área de la imagen de cada país a su destino. El mapa de imágenes era más difícil de diseñar utilizando editores de texto, etc., pero con el paso del tiempo, un nuevo software de aplicación lo hizo más fácil, por ejemplo, Dreamweaver, Raster Graphic Editor, etc.
  • Espíritu Propietario, interruptor romper elección libre mirar pájaro tren oposición naturaleza fuera de lugar seco unión popular puente stock todo este círculo educativo en otro lugar lector de huevos habitual gran mentira adelante cualquiera accidente empezar a organizar evaluación fundación de paz esquema de propuesta de bienvenida aumento de técnica de comentario implicar spot negocio vincular normalmente salida de discusión comportamiento jugar reclamo bienvenido de repente eso ciencia implica criminal absolutamente raza tradicional distrito responsable probablemente así sucesivamente decidir ataque objetivo tren cortar presión costoso mercado toque influencia admitir ejercicio contacto negro papel artículo introducir código investigar fondo riesgo intercambio

Escribe tu respuesta

Tu respuesta aparecerá después de la moderación