Attribut coords HTML

L'attribut HTML coords spécifie les coordonnées d'une zone dans la carte d'image. Pour spécifier la forme, la taille et l'emplacement d'une zone, il est utilisé avec l'attribut shape.

Vous pouvez utiliser cet attribut sur l'élément <area>.

Le coin supérieur gauche d'une zone a les coordonnées 0,0.

L'attribut coords peut prendre les valeurs suivantes :

x1, y1, x2, y2. Il spécifie les coordonnées des coins supérieur gauche (x1, y1) et inférieur droit (x2, y2) d'un rectangle.
x, y, radius. Il spécifie les coordonnées du centre (x, y) et le rayon (radius) d'un cercle.
x1, y1, x2, y2, .., xn, yn. Il spécifie les coordonnées d'un polygone.

Syntaxe

Syntaxe de l'attribut HTML coords

css

<area coords="value">

Exemple de l'attribut HTML coords :

Exemple de l'attribut 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://fr.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://fr.w3docs.com/uploads/media/book_gallery/0001/01/d450f0358f947dffb3af91195c3002600d74101b.png" />
      <area shape="circle" coords="218,115,25" alt="css" href="https://fr.w3docs.com/uploads/media/book_gallery/0001/01/25521e981b34da57c8f51baddc5b76351b855818.png" />
      <area shape="circle" coords="195,32,28" alt="php" href="https://fr.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 »

Pratique

Quelle est la fonction de l'attribut 'coords' en HTML et comment est-il utilisé ?

L'attribut 'coords' en HTML est utilisé pour définir les coordonnées de la zone sensible dans une carte image côté client.L'attribut 'coords' en HTML détermine la couleur d'un élément.Il est utilisé avec la balise 'area' et la valeur de l'attribut 'coords' dépend de l'attribut 'shape'.L'attribut 'coords' fonctionne de manière indépendante et ne dépend pas de l'attribut 'shape'.L'attribut 'coords' peut accepter quatre types de valeurs : circle, rect, poly et default en fonction de la forme de la zone sensible.

Attribut coords HTML ​

Syntaxe ​

Exemple de l'attribut HTML coords : ​

Pratique ​

Attribut coords HTML

Syntaxe

Exemple de l'attribut HTML coords :

Pratique