img usemap attribute China map link
|
HTML img tag: defines an image to be introduced into a web page. It also has an interesting usemap attribute. Look at the 51ditu homepage, there is a map with a map of China in the middle. Right click and download to see that it is just an ordinary picture. But clicking on the provinces on the map can trigger different events (or open different links), which is very interesting. It turns out that the usemap attribute is used. Of course, a map tag must be defined. The entire code is as follows:  Tip: You can modify some of the code before running For the meaning of several attributes of the area tag in the map tag, see: http://www.w3school.com.cn/tags/tag_area.asp Here we still note the shape attribute of area. The options are rectangle, circle and polygon. Pay special attention to the coords attribute, which must be used in conjunction with shape. The coordinates of the upper left corner of the image are "0,0". |
<<: Perfect solution to the problem that Navicat cannot connect after installing mysql in docker
>>: How to design and optimize MySQL indexes
Recommend
How to use selenium+testng to realize web automation in docker
Preface After a long time of reading various mate...
Solution to the blank page after vue.js packaged project
I believe that many partners who have just come i...
Implementation code for partial refresh of HTML page
Event response refresh: refresh only when request...
Summary of scientific principles and suggestions for web design and production
<br />In the field of network design, resear...
A brief summary of how to write paths when HTML files introduce external CSS files
1. Import the basic style of external CSS files U...
Detailed explanation of the use of find_in_set() function in MySQL
First, let’s take an example: There is a type fie...
Detailed installation and configuration tutorial of PostgreSQL 11 under CentOS7
1. Official website address The official website ...
How to get USB scanner data using js
This article shares the specific process of js ob...
Explanation of mysql transaction select for update and data consistency processing
Transactions in MySQL are automatically committed...
Sample code for implementing markdown automatic numbering with pure CSS
The origin of the problem The first time I paid a...
Summary of basic knowledge points of Linux group
1. Basic Introduction of Linux Group In Linux, ev...
HTML table markup tutorial (37): background image attribute BACKGROUND
Set the background image for the table header. Yo...
How to configure CDN scheduling using Nginx_geo module
Introducing the Geo module of Nginx The geo direc...
This article will show you what Vite does to the browser's request
Table of contents Working principle: What does th...
Full analysis of MySQL INT type
Preface: Integer is one of the most commonly used...