html's img tag: defines an image to be introduced in a web page. It also has an usemap attribute that is very interesting.
Look at a map on the 51ditu homepage, and a map of China in the middle. Right-click to download it and see a normal picture.
But clicking on provinces on the map can start different events (or opening different links), which is very interesting. It turns out that the usemap attribute is used.
Of course, you also need to define a map tag. The entire code is as follows:
Several attribute meanings of the area tag in the map tag are: http://www.w3school.com.cn/tags/tag_area.asp
Here we will also note the shape attribute of area, which can be selected from rectangles, circles and polygons. It is especially important to note that the coords attribute must be used in combination with shape. The coordinates in the upper left corner of the image are 0,0.