Choose an image from your computer and highlight areas to create the HTML required for your image. How to specify an image as a client-side image-map in HTML? Image Map: Links in a Picture To allow the user to click inside an image to get a page in connection with the designated object in the image, we do use an image map. Defines the title text of the clickable area. Extract the coordinates of points in an image for use in image processing and analysis, image annotation and other applications. How To Use The To Make Links & Open Them Where You Want! Specifies alternative text for a clickable area in an image map. Client side image maps. The earliest concept of an image map was proposed by Tony Sanders back in 1996, and was first shipped in Mosiac 1.1. Steps to create a mapped image : Determining Image size : Determining the size of the image is very important because if the size of the image is changed then the area coordinates will also require updation. The above example is the simple and easy way of linking a small image to the target URL, but most of the cases the image will be bigger in size and there is a need to connect more than one link with the different sections of the same image. Image maps list the coordinates that define the boundaries of the hotspots (or the regions that act as hypertext links) on an image. When the image map is created the region coordinates are recalculated based on the original image scale. But when i open the html file in my browser, it gets displaced. Create HTML image maps. An HTML image map includes coordinates exactly the same like any other map does. This can be as simple as creating a table or list of the links contained in the image map, and placing them directly below the image map. A server is a computer that store web pages and serves those pages when a client requests a page. Next, we’ll need to mark each of the areas of the image map to be hyperlinked. Creating these shapes is as easy as pointing and clicking on your image. For a server side image map, put an image inside a link, and set the ISMAP attribute on the IMG (just the name, it does not need a value).