The <area> tag defines the area in the image map (note: image map refers to an image with a clickable area).
The area element is always nested within a <map> tag.
Note: The usemap attribute in the <img> tag is associated with the name attribute of the <map> element, creating a link between the image and the map. The usemap attribute in <img> can reference the id or name attribute in <map> (determined by the browser), so we need to add both id and name attributes to <map> at the same time.
Property value:
href: Click the link to jump to the area. alt: The message prompted when the image cannot be displayed normally.
shape & coords:
1. Distance shape: (The coordinates of the upper left corner vertex are (x1, y1), the coordinates of the lower right corner vertex are (x2, y2))
<area shape=rect coords=x1,y1,x2,y2 href=url>
2. Circle: (the coordinates of the center of the circle are (X1, y1), the radius is r)
<area shape=circle coords=x1,y1,r href=url>
3. Polygon: (The coordinates of each vertex are (x1, y1), (x2, y2), (x3, y3)...)
<area shape=poly coords=x1,y1,x2,y2... href=url>Summarize
The above is a detailed explanation of the html area tag introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for your support of the VeVb martial arts website!