usemap is an attribute of the <img> tag, used to specify the name of the image map to be used. The Map in the #Map section is an image map defined with the <map> tag. Its name attribute is Map, which is defined as follows: Copy code The code is as follows:<map name="Map"> <area shape=rect coordinates="100,100,200,200" href="test1.html"> <area shape=rect coordinates="200,100,300,200" href="test2.html"> ... </map> When using: Copy code The code is as follows:<img src="test.gif" usemap="#Map"> The image map divides an image into several areas. Clicking on different areas will lead to different pages. In order to create a client image, a new attribute USEMAP needs to be added as follows: Copy code The code is as follows:<IMG SRC="map_name.gif" USEMAP="#section_name"> The USEMAP attribute (use image) accepts a block-style hyperlink, so that image definition information can be stored in the same HTML file. Copy code The code is as follows:<IMG src="Images/index-top.jpg" border="0" usemap="#Map" id="IMG1" onclick="return IMG1_onclick()"> <MAP name="Map"> <AREA shape="rect" coords="224,95,307,125" href="default.aspx"> <AREA shape="rect" coords="326,96,407,123" href="Cart.aspx"> <AREA shape="rect" coords="426,96,503,125" href="MemberShip/UserLogin.aspx"> <AREA shape="rect" coords="525,96,609,125" href="Admin/default.aspx"> </MAP> |
<<: Several methods to solve the problem of MySQL fuzzy query index failure
>>: Detailed explanation of Cgroup, the core principle of Docker
Table of contents 1. Data Type 1.1 Why do we need...
JS calculates the total price of goods in the sho...
"The great river flows eastward, the waves w...
Table of contents Review of Vue2 responsive princ...
Page layout has always been my concern since I st...
Hello everyone, today we will talk about how to u...
Basic Introduction Features Flexbox is a CSS disp...
In MySQL 8.0.18, a new Hash Join function was add...
Find the installation directory of VirtualBox. Th...
1. Download the zip installation package Click he...
The communication modes of vue3 components are as...
This article example shares the specific code of ...
Table of contents About G2 Chart use Complete cod...
The default ssh remote port in Linux is 22. Somet...
Illustrated CentOS 7.3 installation steps for you...