Review Html+css (7)

n HTML annotations

<--! Comment Content--

Note: The comment content is not displayed, and the comment is for future maintenance.

n photo hotspots (image map)

Image hotspot: Add multiple links to a picture, and by default, only one link can be added to a picture.

1. Marking structure:

<map id= "Map" >

<area shape= "hot zone shape" coords= "hot Zone coordinates" href= "link Address" >

<area shape= "hot zone shape" coords= "hot Zone coordinates" href= "link Address" >

<area shape= "hot zone shape" coords= "hot Zone coordinates" href= "link Address" >

</map>

2. Common Properties of <area> tags

• Shape: Shapes of hot regions, values: Rect (Rectangle), Circle (Circle), Polygon (polygon)
• Coords: Coordinates of the hot zone (position)

L if Shape=rect, then, coords= "X1,y1,x2,y2" for example: coords= "50,50,200,150"

N (x1,y1) is the coordinate value of the upper-left corner of the rectangle, and (x2,y2) is the coordinate value of the lower-right corner of the rectangle

L if shape=circle, then, coords= "X,y,r", where (x, y) is the center coordinate, R is the radius,

Review Html+css (7)