HTML Code

<!DOCTYPE html>
<html lang=en>
<head>
  <meta charset=UTF-8>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <title>Interactive Image Map</title>
</head>
<body>
  <h1>Interactive Details</h1>
  <img src=/images/area-example.png alt="HTML and CSS interactive map" usemap=#product-map width=256 height=256>
  <map name=product-map>
    <area coords=253,98,111,1 alt="Learn CSS" onclick='return alert("You clicked Learn CSS!"),!1'>
    <area coords=253,250,74,148 alt="Learn HTML" onclick='return alert("You clicked Learn HTML!"),!1'>
  </map>
  <p><strong>Note:</strong> Click a region to see an alert.</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML area Tag — Interactive Details