Comment faire un lien HTML sur une partie d'une image ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-12-16 15:17:21

Question

Bonjour, est-il possible de faire un lien hypertexte que sur une partie d'une image, et si oui comment ? merci.

Réponse

Vous pouvez créer un lien HTML sur une partie d'une image, via les balises HTML <map> et <area>.

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment faire un lien HTML que sur une partie d'une image ?</title>
</head>
<body>
<img src="https://www.collaborativejob.com/os.jpg" alt="1FORMATIK.com" width="320px" height="220px" usemap="#collaborativejob"/>
<map name="collaborativejob">
<area shape="rect" coords="0, 0, 100, 100" alt="1FORMATIK.com" href="https://www.collaborativejob.com"/>
</map>
</body>
</html>

Vous remarquerez l'attribut usemap, dont la valeur doit correspondre à la valeur de l'attribut name de la balise HTML <map>.

Vous trouverez d'avantage d'information sur la manière de créer un lien, sur une partie d'une image HTML, via cette page du site de Mozilla.