Home > Article > Web Front-end > 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 cornerExample:
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 lengthExample:
c. Any graphic (polygon): Fill in the coordinates of each turning point of the graphic in sequence Example: Here is an example In the production of the information introduced in this article Several points that should be paid attention to when using the effect: 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 ;
3. The coordinate format set by the cords parameter in the tag must match the shape of the area set by the shape parameter to avoid appearing in the shape The phenomenon occurs that the rectangular effect area set by the parameters is the vertex coordinates of the polygonal area set in the cords.
shape -- Define hotspot shape
shape=rect: rectangle
shape=circle: circle
Shape=poly: Polygon
【2】coords -- Define the coordinates of the area pointa. Rectangle: Four numbers must be used, the first two numbers are the upper left corner Coordinates, the last two numbers are the coordinates of the lower right corner
Example: b. Circle : Three numbers must be used, 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: The following is an example
While making this article Several points that should be noted when introducing the effect: 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 marks must be within Between
The above is the detailed content of Map tag description in Html. For more information, please follow other related articles on the PHP Chinese website!