Since the <area> and <map> tags are usually used together, I’ll introduce them together in this article.
What is <map>?
The <map> tag is used to define a client-side image map.
The <map> element contains a set of <area> elements that define clickable fields in the image map.
What is <area>?
The <area> tag identifies a field within an image-map (an image-map is a view with clickable fields).
The <area> element is always placed in a <map> tag.
Note: The usemap property in the <img> tag is associated with the name attribute of the <map> element and creates a relationship between the image and the map.
Each <area> element must have the coords attribute. If you don’t know how to find coordinate values, you can get help from the image-map site.