Introduction to the use of html area image hotspots with a list of related attributes_HTML/Xhtml_Web page production

The

tag is mainly used in image maps. Through this tag, the active area (also known as hotspot) can be set in the image map, so that when the user moves the mouse to the specified active area and clicks, it will automatically link Go to the preset page. Its basic syntax structure is as follows:



class and id: specify hot spots respectively. The type and id number.

alt: Alternative text used to set hotspots.

href: used to set the url address linked to the hotspot.

shape and coords: are the two main parameters used to set the shape and size of the hotspot. Its basic usage is as follows:

means setting the shape of the hotspot to a rectangle, and the coordinates of the upper left corner vertex are (X1 , y1), the coordinates of the lower right corner vertex are (X2, y2).

means setting the shape of the hotspot to be a circle, the center coordinates of the circle are (X1, y1), and the radius is r.

indicates that the shape of the hotspot is set to a polygon, and the coordinates of each vertex are ( X1,y1), (X2,y2), (x3,y3)….

Remarks: The positions of x1, y1, x2, y2 are determined based on the picture, not the size of the window.

mark divides the area of ​​action in the image map, so the area of ​​action it divides must be within the area of ​​the image map, so before using the mark to divide the area, HTML must be used Another tag

Copy the code

The code is as follows:

A few points that should be noted when creating the effects introduced in this article:

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