map tag in Html

In HTML, pictures can also be divided into multiple hotspot areas, and each hotspot area links to resources on different web pages. The essence of this effect is to divide a picture into different hotspot areas, and then allow different areas to be hyperlinked. This is the image map. To complete the map area hyperlink, three tags are used:

The usage format of the Image Map tag:

                                                                                                                                               Set the parameter usemap="#map name" ismap in the img> tag to indicate a reference to the image map (map name); -->

                                                                                                                                                                                         coords=area coordinate list href="URL resource address">

 …how many hotspot areas can be defined as needed

【1】

a. Rectangle: Four numbers must be used, the first two numbers are the coordinates of the upper left corner, and the last two numbers are the coordinates of the lower right corner

Example:

The following is an example

Some points you should pay attention to when creating the effects introduced in this article:

1. Don’t forget to set the usemap and ismap parameters in the tag, and the parameter value of usemap must be the same as the name parameter value in the

2. All hotspot areas in the same "image map" must be within the scope of the image map, that is, all tags must be between ;

　 3. The coordinate format set by the cords parameter in the tag must match the shape of the action area set by the shape parameter, to avoid appearing in the rectangular action area set by the shape parameter, and set in the cords However, the phenomenon of the vertex coordinates of the polygon area appears.

The above is the detailed content of map tag in Html. For more information, please follow other related articles on the PHP Chinese website!