HTML Code

<!DOCTYPE html>
<html lang=en>
<head>
  <meta charset=UTF-8>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <title>Image Navigation Map</title>
</head>
<body>
  <h1>Image Navigation</h1>
  <img src=/images/area-example.png alt="HTML and CSS navigation map" usemap=#image-map width=256 height=256>
  <map name=image-map>
    <area coords=253,98,111,1 href=https://codetofun.com/css target=_blank rel="noopener noreferrer" alt="Learn CSS">
    <area coords=253,250,74,148 href=/html/tags/a alt="Learn HTML">
  </map>
  <p><strong>Note:</strong> Click the HTML or CSS region on the image.</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML area Tag — Image Navigation