Map tag description in Html

This article introduces the description of the map tag in Html

The image map hyperlink of the image, a brief discussion of the

You can also divide pictures in HTML into multiple hotspot areas, each hotspot domain 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="#name of the picture" ismap in the img> tag to indicate a

reference to the image map (name of the picture)

;-->

attribute

as the image-& gt;

                                                                                                                                                                                                                                                            .

【1】

shape -- Define hotspot shape

                                                                                                            use using using using using using using out out out out through out ’ s ’ through ’ s ‐ ‐ ‐ ‐ ‐ shape=rect: rectangle

                  shape=circle:                            shape=poly: Polygon

【2】coords -- define the coordinates of the area point

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

Example:

b. Circle: required Use three numbers, the first two numbers are the coordinates of the center of the circle, and the last number is the radius length

Example:

c. Any graphic (polygon): Fill in the coordinates of each turning point of the graphic in sequence

Example:

Here is an example