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.1formatik.fr/os.jpg" alt="1FORMATIK.com" width="320px" height="220px" usemap="#1formatik"/>
<map name="1formatik">
<area shape="rect" coords="0, 0, 100, 100" alt="1FORMATIK.com" href="https://www.1formatik.fr"/>
</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.
