Detailed explanation on the usage of area tag in html

Tag

The tag defines the area in the image map (note: the image map refers to the area with image of a clickable area).

area elements are always nested within

(Recommended tutorial: html tutorial)

Note: The usemap attribute in the tag is associated with the name attribute of the

Please see the picture below:

Attribute value:

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

Example:

1. Distance shape: (The coordinates of the upper left vertex are (x1, y1), the coordinates of the lower right 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>

For more programming-related content, please pay attention to the Introduction to Programming column on the php Chinese website!

The above is the detailed content of Detailed explanation on the usage of area tag in html. For more information, please follow other related articles on the PHP Chinese website!