Set webpage image hotspot links and coordinate values

Sometimes you need to set several areas on an image. You can click different areas of the image to enter different pages, or click an area of the image to enter a page, this is the hotspot link of the webpage.

Note: The usemap attribute in can reference the id or name attribute in <map> (determined by the browser). Therefore, we need to add both the id and name attributes to <map>.

 

So how can we get the coordinate value?

Method 1: Create an html page and insert the following code into the body:

Note thatIsmap = 'ismap'", With this attribute, open the html page and move the cursor to any position on the image. The status bar in the lower left corner of the page displays the current coordinate value.

In this way, the coordinate value can be obtained.

Method 2:

Open Dreamwever, create a page, insert an image,

Click "rectangle" or another hotspot tool, and then drag the position on the image.

Then open the code area.

This is all generated.