HTML Element Style How to - Make part of an image an href with map

Question

We would like to know how to make part of an image an href with map.

Answer


<!DOCTYPE html>
<html>
<head>
</head><!--  w w w .  j av  a  2 s .co  m-->
<body>
  <img width="600px" src="http://www.java2s.com/style/download.png"
    usemap="#subscribe">
  <map name="subscribe">
    <area shape="rect" coords="230,55,385,100" href="http://www.cnn.com" alt="Test">
  </map>
  <!--map area coords:left,top,width,height-->
</body>
</html>

The code above is rendered as follows: