Example of using UserMap in IMG
|
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
Recommend
Vue defines private filters and basic usage
The methods and concepts of private filters and g...
Analyze the method of prometheus+grafana monitoring nginx
Table of contents 1. Download 2. Install nginx an...
How to set background color and transparency in Vue
Background color and transparency settings As sho...
Detailed explanation of deploying MySQL using Docker (data persistence)
This article briefly describes how to use Docker ...
Teach you how to install docker on windows 10 home edition
When I wrote the Redis book and the Spring Cloud ...
Detailed explanation of the difference between arrow functions and normal functions in JavaScript
This article explains the difference between arro...
Summary of commonly used performance test scripts for VPS servers
Here is a common one-click performance test scrip...
Grid systems in web design
Formation of the grid system In 1692, the newly c...
Jenkins builds Docker images and pushes them to Harbor warehouse
Table of contents Dockerfile pom.xml Jenkins Conf...
MySQL 5.7.17 installation and configuration method graphic tutorial (windows10)
MySQL 5.7.17 installation and configuration metho...
Tutorial on using iostat command in Linux
Preface It is said that if the people doing opera...
Detailed explanation of Svn one-click installation shell script under linxu
#!/bin/bash #Download SVN yum -y install subversi...
Implementation of nested jump of vue routing view router-view
Table of contents 1. Modify the app.vue page 2. C...
Detailed explanation of Linux system software installation commands based on Debian (recommended)
Introduction to Debian Debian in a broad sense re...
Analysis and application of irregular picture waterfall flow principle
The layout problem of irregular picture walls enc...