IMG Usemap Attribut China Map Link

Autor：Eve Cole Aktualisierungszeit：2025-05-06 09:16:01

HTMLs IMG -Tag: Definiert ein Bild, das auf einer Webseite eingeführt werden soll. Es hat auch ein Usemap -Attribut, das sehr interessant ist.

Schauen Sie sich eine Karte auf der 51Ditu -Homepage und eine Karte von China in der Mitte an. Klicken Sie mit der rechten Maustaste, um es herunterzuladen und ein normales Bild zu sehen.

Wenn Sie jedoch auf Provinzen auf der Karte klicken, können Sie verschiedene Ereignisse starten (oder verschiedene Links öffnen), was sehr interessant ist. Es stellt sich heraus, dass das Usemap -Attribut verwendet wird.

Natürlich müssen Sie auch ein Karten -Tag definieren. Der gesamte Code ist wie folgt:

<html> <head> <meta http-äquiv = "content-type" content = "text/html; charset = gbk"> <title> IMG Usemap-Attribut </title> </head> <body> <img src = "http://img.vevb.com/maps/chinamap.gif <Bereichsform = "rect" coords = "73,87,103,104" href = "JavaScript: alert ('xinjiang')"> <area shape = "rect" coords = "144,125,173,142" href = "JavaScript: Alert ('qinghai')"> <Birmenform = ". koords = "84.158,115,175" href = "JavaScript: Alert ('Tibet')"> <Bereichsform = "RECT" Coords = "220,90,257,105" href = "javascript: alert ('Innermongolia')"> <Area ". href = "javaScript: alert ('heilongjiang')"> <aatenform = "rect" coords = "346,68,371,83" href = "JavaScript: Alert ('Jilin')"> <Area Shape = "rect" Coords = "323,84,351.100" href = "javascript: Alt ('LIAGE: <Bereichsform = "RECT" Coords = "298,100,326,114" href = "JavaScript: alert ('tianjin')"> <area Form = "rect" Coords = "288,120,314,136" href = "JavaScript: Alert ('Shandh2,12,314,136". href = "javaScript: alert ('hebei')"> <aatenform = "rect" coords = "207,116,235,130" href = "javaScript: alert ('ningxia')"> <area shape = "rect" coords = "186,162,214,179" href = "javascript (sichuan" ") href =" javascript ("sichuan") "href =" javascript (alt (sicha SHAPE = "RECT" Coords = "256,142,281,157" href = "JavaScript: Alert ('Henan')"> <Area Shape = "Rect" Coords = "305,144,332,159" href = "JavaScript: Alert ('Jiangsu')") ">"> ">"> "> <". koords = "320.162.342,177" href = "javaScript: alert ('shanghai')"> <area shape = "rect" coords = "216,168,243,185" href = "javaScript: alert ('chongqing')"> <Area Form ". href = "javaScript: alert ('Hubei')"> <aatenform = "rect" coords = "283,161,308,177" href = "JavaScript: Alert ('anhui')"> <area shape = "rect" coords = "213,196,239,209.209" href = "javascript ('Guiz, 239,209" href = "javascript (' Guiz, 239,209". SHAPE = "RECT" Coords = "243,183,269,198" href = "JavaScript: Alert ('Hunan')"> <Area Shape = "rect" Coords = "273,185,299.200" href = "JavaScript: Alert ('Jiangxi')"> "ases area -aible Form =". href = "javaScript: alert ('zhejiang')"> <aatenform = "rect" coords = "179,210,204,225" href = "JavaScript: alert ('yunnan')"> <area shape = "rect" coords = "227,214,252,228" href = "javascript: Alt ('Guangx. <Bereichsform = "RECT" Coords = "231,248,257,263" href = "JavaScript: alert ('hainan')"> <area shape = "rect" coords = "292,200,319,214" href = "JavaScript: Alert ('fujian')"> <"> <". koords = "259.219.287,231" href = "javaScript: alert ('Guangdong')"> <area shape = "rect" Coords = "244,231,270,246" href = "JavaScript: alert ('Macau')" Area Form ". href = "javaScript: alert ('hong kong')"> <aatenform = "rect" coords = "311,228,338,243" href = "JavaScript: Alert ('Taiwan')"> <Area Shape = "rect" coords = "272,90,30,10 2,107") href = "href =" javascript (' SHAPE = "RECT" Coords = "196,130,222,145" href = "JavaScript: Alert ('Gansu')"> <Bereichsform = "rect" Coords = "246,116,272,130" href = "JavaScript: alert ('Shanxi')"> <Area Form ". href = "javaScript: alert ('shaanxi')"> </map> </body> </html>

Mehrere Attributbedeutungen des Flächen -Tags im Karten -Tag sind: http://www.w3school.com.cn/tags/tag_area.asp

Hier werden wir auch das Formattribut des Bereichs beachten, das aus Rechtecken, Kreisen und Polygonen ausgewählt werden kann. Es ist besonders wichtig zu beachten, dass das Koordinierungsattribut in Kombination mit Form verwendet werden muss. Die Koordinaten in der oberen linken Ecke des Bildes sind 0,0.