HCI 201 Multimedia and the World Wide Web

Fall 1999 - Section 703 - Image Map Tags


Client-side Image Map

Code Coordinate Explanation
< MAP NAME= "mapname" >
< AREA SHAPE="CIRCLE" COORDS="x,y,z" HREF="page1.html" >
Circle:
x,y = coordinates of the center of the circle
z = radius in pixels
< AREA SHAPE="RECT" COORDS="x1,y1,x2,y2" HREF="page2.html" > Rectangle:
x1,y1 = coordinates of the top left corner
and x2,y2 = coordinates of the bottom right corner
< AREA SHAPE="POLY" COORDS="x1,y1,x2,y2,x3,y3......." HREF="page3.html" > Polygon:
x1,y1 = one point on the polygon
minimum of three points required
< /MAP >
< IMG SRC="image.ext" WIDTH=n HEIGHT=p USEMAP="#mapname" >

Week 9
Previous | Next

Course Home | Announcements | Class Roster | Schedule | Syllabus