IMG USEMAP ATRIBUTO CHINA MAP LINK

Autor：Eve Cole Fecha de actualización：2025-05-06 09:16:01

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:

<html> <fead> <meta http-equiv = "content-type" content = "text/html; charset = gbk"> <title> IMG useMap attribute </title> </head> <body> <img src = "http://img.vevb.com/maps/chinamap.gif" ussemap = "##"/"MAP"/"map" <Area Shape = "Rect" coords = "73,87,103,104" href = "javascript: alert ('xinjiang')"> <área shape = "rect" coords = "144,125,173,142" href = "javaScript: alerta ('qinghai')"> <área de área = "rect" coords = "84,158,115,175" href = "javaScript: alert ('tibet')"> <área shape = "rect" coords = "220,90,257,105" href = "javaScript: alert ('mongolia interior')"> <rect " href = "javascript: alert ('heilongjiang')"> <área shape = "rect" coords = "346,68,371,83" href = "javaScript: alert ('jilin')"> <área shape = "rect" coords = "323,84,351,100" href = "javaScript ('liaoning') <Area Shape = "Rect" coords = "298,100,326,114" href = "javascript: alert ('tianjin')"> <área shape = "rect" coords = "288,120,314,136" href = "javaScript: alerta ('shandong')"> <ax shape = "rect" "rect" coords = "268,107,295,121" href = "javascript: alert ('hebei')"> <área shape = "rect" coords = "207,116,235,130" href = "javaScript: alerta ('ningxia')"> <rect " href = "javaScript: alert ('sichuan')"> <área shape = "rect" coords = "256,142,281,157" href = "javaScript: alert ('henan')"> <área shape = "rect" coords = "305,144,332,159" href = "javaScript: alert (» coords = "305,144,332,159" href = "javaScript: alert ('») <Area Shape = "Rect" coords = "320,162,342,177" href = "javascript: alert ('shanghai')"> <área shape = "rect" coords = "216,168,243,185" href = "javaScript: alerta ('choongqing')"> <área de área = "rect" rect " coords = "250,162,277,177" href = "javascript: alert ('hubei')"> <área shape = "rect" coords = "283,161,308,177" href = "javaScript: alert ('anhui')"> <rect " href = "javascript: alert ('guizhou')"> <área shape = "rect" coords = "243,183,269,198" href = "javaScript: alert ('hunan')"> <área shape = "rect" coords = "273,185,299,200" href = "javaScript: alert ('' ') <Área Shape = "Rect" Coords = "308,177,334,193" href = "javascript: alert ('zhejiang')"> <área shape = "rect" coords = "179,210,204,225" href = "javaScript: alerta ('yunnan')"> <s área shape = "rect" coords = "227,214,252,228" href = "javaScript: alert ('guangxi')"> <área shape = "rect" coords = "231,248,257,263" href = "javascript: alerta ('hainan')"> <rect "rect" coords = "292,200,200. href = "javaScript: alert ('fujian')"> <área shape = "rect" coords = "259,219,287,231" href = "javaScript: alert ('guangdong')"> <área shape = "rect" coords = "244,231,270,246" href = "javaScript ('macAds") Shape = "Rect" coords = "276,232,304,248" href = "javascript: alert ('Hong Kong')"> <área de área = "rect" coords = "311,228,338,243" href = "javaScript: alerta ('taiwan')"> <s de área = "rect" coords = "272,90,302,107" href = "javascript: alert ('beijing')"> <área shape = "rect" coords = "196,130,222,145" href = "javaScript: alert ('gansu')"> <área de área = "rect" coords = "246,116,272,130" href = "javaScript: alert ('shanxi')"> <área shape = "rect" coords = "224,136,252,151" href = "javaScript: alert ('shaanxi')"> </map> </body> </html>

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.