In image mapping, an image is specified with certain set of coordinates inside the image which act as hyperlink areas to different destinations. It is different from an image link since in image linking, an image can be used to serve a single link or destination whereas in a mapped image, different coordinates of the image can serve different links or destinations.
The <map> element is used to define the map-image on user interface which is clickable. The <map> required the <img> tag that helps the relation between the image and map. The <map> element contains a number of <area> elements that define the clickable areas in the image map.
- How to specify an alternate text for an image in HTML ?
- How to specify the width and height of the canvas using HTML ?
- How to specify an URL to a document that explains the reason why the text was deleted in HTML ?
- How to specify a text which is an extended quotation in HTML ?
- How Specify Length and Width of Square Grid Picture System in Bootstrap?
- How to specify the order of classes in CSS ?
- How to Specify Divider gap in Square Grid using Bootstrap ?
- How to specify a list of pre-defined options for input controls in HTML5?
- How to specify the main content of a document in HTML5 ?
- How to specify the response page after submitting the form using HTML5 ?
- How to specify that a button should be disabled using HTML5?
- Convert an image into grayscale image using HTML/CSS
- How to hide “Image not found” icon when source image is not found?
- HTML | Responsive full page image using CSS
- HTML | Mapping Image
- How to resize an image in an HTML 5 canvas ?
- How to convert an HTML element or document into image ?
- HTML | DOM Image Object
- HTML | DOM Input Image Object
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.