Etiqueta IMG de HTML: define una imagen que se introducirá en una página web. También tiene un atributo usemap que es muy interesante.
Mire un mapa en la página de inicio 51ditu y un mapa de China en el medio. Haga clic derecho para descargarlo y vea una imagen normal.
Pero hacer clic en las provincias en el mapa puede iniciar diferentes eventos (o abrir diferentes enlaces), lo cual es muy interesante. Resulta que se usa el atributo usemap.
Por supuesto, también debe definir una etiqueta de mapa. Todo el código es el siguiente:
Varios significados de atributos de la etiqueta de área en la etiqueta del mapa son: http://www.w3school.com.cn/tags/tag_area.asp
Aquí también notaremos el atributo de forma del área, que se puede seleccionar de rectángulos, círculos y polígonos. Es especialmente importante tener en cuenta que el atributo Coords debe usarse en combinación con forma. Las coordenadas en la esquina superior izquierda de la imagen son 0,0.