Atributo coords de HTML

El atributo coords de HTML especifica las coordenadas de un área en el mapa de imagen. Para especificar la forma, el tamaño y la ubicación de un área, se utiliza junto con el atributo shape.

Puedes usar este atributo en el elemento <area>.

La esquina superior izquierda de un área tiene las coordenadas 0,0.

El atributo coords puede tener los siguientes valores:

x1, y1, x2, y2. Especifica las coordenadas de la esquina superior izquierda (x1, y1) y la esquina inferior derecha (x2, y2) de un rectángulo.
x, y, radius. Especifica las coordenadas del centro (x, y) y el radio (radius) de un círculo.
x1, y1, x2, y2, .., xn, yn. Especifica las coordenadas de un polígono.

Sintaxis

Sintaxis del atributo HTML coords

css

<area coords="value">

Ejemplo del atributo HTML coords:

Ejemplo del atributo HTML "coords"

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Click on the logo or on one of the logo item to watch it closer:</p>
    <img src="https://es.w3docs.com/uploads/media/news_gallery/0001/01/thumb_316_news_gallery_list.jpeg"  width="250" height="150" alt="block" usemap="#blockmap" />
    <map name="blockmap">
      <area shape="circle" coords="50,32,25" alt="html" href="https://es.w3docs.com/uploads/media/book_gallery/0001/01/d450f0358f947dffb3af91195c3002600d74101b.png" />
      <area shape="circle" coords="218,115,25" alt="css" href="https://es.w3docs.com/uploads/media/book_gallery/0001/01/25521e981b34da57c8f51baddc5b76351b855818.png" />
      <area shape="circle" coords="195,32,28" alt="php" href="https://es.w3docs.com/uploads/media/book_gallery/0001/01/4bbee6698c4884f25c46010d61b658dd62d2c04f.png" />
      <area class="homepage" shape="rect" coords="90,90,35,55" alt="php" href="https://www.w3docs.com/" />
    </map>
  </body>
</html>

Try it Yourself »

Practice

¿Cuál es la función del atributo 'coords' en HTML y cómo se utiliza?

El atributo 'coords' en HTML se utiliza para establecer las coordenadas de la región de punto caliente en un mapa de imagen del lado del cliente.El atributo 'coords' en HTML determina el color de un elemento.Se utiliza con la etiqueta 'area' y el valor del atributo 'coords' depende del atributo 'shape'.El atributo 'coords' funciona de forma independiente y no depende del atributo 'shape'.El atributo 'coords' puede aceptar cuatro tipos de valores: circle, rect, poly y default dependiendo de la forma de la región de punto caliente.

Atributo coords de HTML ​

Sintaxis ​

Ejemplo del atributo HTML coords: ​

Practice ​

Atributo coords de HTML

Sintaxis

Ejemplo del atributo HTML coords:

Practice