How to use image map

Question

how to measure image coordinate

Answer 1

<img src="yourpic.jpg" width="256" height="256" USEMAP="#mymap">
<MAP name="mymap">
<AREA SHAPE="RECT" COORDS="0,0,128,128" HREF="index.html">
<AREA SHAPE="RECT" COORDS="128,0,256,128" HREF="#" onclick="location.href='index.html'">
<AREA SHAPE="RECT" COORDS="0,128,128,256" HREF="#">
<AREA SHAPE="RECT" COORDS="128,128,256,256" HREF="#">
<AREA SHAPE="DEFAULT" HREF="#">
</MAP>

this example takes an image 256px X 256px and divides it into 4 equal squares
measuring 128px X 128px

<AREA SHAPE="RECT" COORDS="left , top , right , bottom">
left top right and bottom are absolute positions of the part of the image we want to map