HTML Element Style How to - Link on half of an image with map








Question

We would like to know how to link on half of an image with map.

Answer


<!DOCTYPE html>
<html>
<head>
</head><!--from w w w  .  j  a v a2s.  c o m-->
<body>
  <img src="http://www.java2s.com/style/download.png" width="145" height="126" alt="Example"
    usemap="#Example">
  <map name="Example">
    <area shape="rect" coords="0,0,82,126" alt="Firsthalf" href="#">
  </map>
</body>
</html>

The code above is rendered as follows: