Comment créer des images cliquables en HTML ?

1. Créer une image :

- Commencez par créer un fichier image (par exemple, "image.jpg").

2. Définir la zone cliquable :

- Dans le code HTML, créez un élément `

3. Définir les zones cliquables :

- Au sein de l'élément `

4. Spécifiez les coordonnées de la zone cliquable :

- Pour chaque élément ``, spécifiez les coordonnées qui définissent les limites de la région cliquable. Cela peut être fait en utilisant l'attribut `coords`. Les coordonnées sont spécifiées sous forme de liste séparée par des virgules, représentant les coordonnées en haut à gauche (x1, y1) et en bas à droite (x2, y2) de la zone.

5. Définir une action pour les clics :

- Utilisez l'attribut `href` dans `` pour spécifier l'action qui doit se produire lorsqu'un utilisateur clique sur cette région particulière de l'image. Il peut s'agir d'un lien vers une autre page, d'une adresse e-mail ou de toute autre URL valide.

6. Associer une image cliquable à une image :

- Pour connecter l'image cliquable à l'image, utilisez l'attribut `usemap` dans le `

```

Dans cet exemple, il y a une image nommée « image.jpg » avec deux zones cliquables. La première zone est définie par un rectangle avec les coordonnées (10, 10) et (150, 150), et lorsque vous cliquez dessus, vous accéderez à "link-1.html". La deuxième zone est définie par un cercle avec un centre à (200, 200) et un rayon de 50, et elle renvoie vers "link-2.html" lorsque vous cliquez dessus.

Ceci est juste un exemple de base. Vous pouvez créer des cartes d'images plus complexes avec plusieurs formes et différentes actions pour chaque région cliquable.