Detailed explanation of HTML area tag

The <area> tag defines an area in an image map (note: an image map is an image with clickable areas).

The area element is always nested within a <map> tag.

Note: The usemap attribute in the <img> tag is associated with the <map> element name attribute to create a link between the image and the map. The usemap attribute in <img> can reference either the id or name attribute in <map> (determined by the browser), so we need to add both id and name attributes to <map>.

Property Value:

href : Click the link to jump to the area. alt: The message displayed when the image cannot be displayed normally.

shape & coords:

1. Distance shape: (the coordinates of the upper left vertex are (x1, y1), and the coordinates of the lower right vertex are (x2, y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

2. Circle: (center coordinates are (X1, y1), 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 everyone. 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 their support of the 123WORDPRESS.COM website!