Live Demo: Creating Image Maps in HTML

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Creating Image Maps in HTML</title>
</head>
<body>
    <img src="/examples/images/objects.png" usemap="#objects" alt="Objects">
    <map name="objects">
        <area shape="circle" coords="137,231,71" href="/examples/html/clock.html" alt="Clock">
        <area shape="poly" coords="363,146,273,302,452,300" href="/examples/html/sign.html" alt="Sign">
        <area shape="rect" coords="520,160,641,302" href="/examples/html/book.html" alt="Book">
    </map>
</body>
</html>