An image map allows you to create a series of areas, or "hot spots" within an image that will respond to the user's mouse movement. The original image is divided up into sections that are specified in your code. The coordinates are specified in rectangular areas based in pixels. The X coordinates move from left to right across the image. The Y coordinates move from top to bottom. For example, in the picture below, the top corner has an X coordinate of 0 and a Y coordinate of O. The bottom right corner has an X coordinate of 250 and a Y coordinate of 250 as well.
Here is an example of an image map with four sections, each coded to send a different alert to the screen. [Image Map Example].
Assignment
Create an image map of your own with four regions.