img usemap attribute China map link

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

HTML page native VIDEO tag hides the download button function

When writing a web project, I encountered an intr...

Echarts implements switching different X-axes in one graph (example code)

Rendering If you want to achieve the effect shown...

Understanding MySQL Locking Based on Update SQL Statements

Preface MySQL database lock is an important means...

Introduction to Nginx regular expression related parameters and rules

Preface Recently, I have been helping clients con...

CentOS7 configuration Alibaba Cloud yum source method code

Open the centos yum folder Enter the command cd /...

How to delete an image in Docker

The command to delete images in docker is docker ...

MySQL users and permissions and examples of how to crack the root password

MySQL Users and Privileges In MySQL, there is a d...

Solve the problem of resetting the Mysql root user account password

Problem description: The following error message ...

JavaScript custom calendar effect

This article shares the specific code of JavaScri...

Hidden overhead of Unix/Linux forks

Table of contents 1. The origin of fork 2. Early ...

How to implement JavaScript's new operator yourself

Table of contents Constructor new Operator Implem...

Detailed explanation of slave_exec_mode parameter in MySQL

Today I accidentally saw the parameter slave_exec...