атрибут img usemap ссылка на карту карты

Автор：Eve Cole Время обновления：2025-05-06 09:16:01

Тег IMG от HTML: определяет изображение, которое будет представлено на веб -странице. У него также есть атрибут USEMAP, который очень интересен.

Посмотрите на карту на домашней странице 51DITU и карту Китая посередине. Щелкните правой кнопкой мыши, чтобы загрузить и увидеть нормальную картинку.

Но нажатие на провинции на карте может начать различные события (или открывать разные ссылки), что очень интересно. Оказывается, атрибут USEMAP используется.

Конечно, вам также нужно определить тег карты. Весь код заключается в следующем:

<html> <Head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"> <Title> img usemapt </title> </head> <body> <img src = "http://img.vevb.com/maps/chinamap.gif" usemap://img.vevb.com/maps/chinamap.gif "usemap ="#"/map. <reable shape = "rect" coards = "73,87,103,104" href = "javaScript: alert ('xinjiang')"> <aeam shape = "rect" coards = "144,125,173,142" href = "javascript: alert ('qinghai')"> <aem shape = "rect" coords="84,158,115,175" href="javascript:alert('Tibet')"> <area shape="rect" coords="220,90,257,105" href="javascript:alert('Inner Mongolia')"> <area shape="rect" coords="348,45,389,61" href = "javaScript: alert ('heilongjiang')"> <aeam shape = "rect" coards = "346,68,371,83" href = "javaScript: alert (" jilin ') "> <область Shape =" rect "Cords =" 323,84,351,100 "href =" javascript: alerting' ilerting 'iling' iling 'ilerting'). <reable shape = "rect" координат = "298,100 326,114" href = "javaScript: alert ('tianjin')"> <aeam shape = "rect" coards = "288,120,314,136" href = "javascript: alert ('shandong')"> <aree shape = "rect" 268,107111.101111111111111119 href = "javascript: alert ('hebei')"> <aeam shape = "rect" coards = "207,116,235,130" href = "javaScript: alert (" ningxia ') "> <область shape =" rect "coords =" 186,162,214,179 "href =" javascript: alert (sitrer ’sother' ') <). Shape = "rect" coards = "256,142,281,157" href = "javaScript: alert ('henan')"> <aeam shape = "rect" coards = "305,144,332,159" href = "javascript: блюда ('jiangsu')"> <область shape = "rect" Координины = "320,162,342,177" href = "javascript: alert ('shanghai')"> <aeam shape = "rect" координат = "216,168,243,185" href = "javascript: alert (" Chongqing ') "> <область =" rect "координирует =" 250,167777777777777777777777777777777777777777777 годам ")"> <область = ". href = "javaScript: alert ('hubei')"> <aeam shape = "rect" coards = "283,161,308,177" href = "javaScript: alert (" anhui ') "> <область Shape =" rect "Coords =" 213,196,239,209 "href =" javascrip Shape = "rect" Corders = "243,183,269,198" href = "javaScript: alert (" hunan ') "> <aeam shape =" rect "координат =" 273,185,299,200 "href =" javascript: alert ("jiangxi')"> <область = "rect" Cordscript: alert ('jiangxi') "> <область =" rect "Coords =" 30877777777 7777777777 77777777777777777777777777777777777777777777777777777777777777777777777 77 href="javascript:alert('Zhejiang')"> <area shape="rect" coords="179,210,204,225" href="javascript:alert('Yunnan')"> <area shape="rect" coords="227,214,252,228" href="javascript:alert('Guangxi')"> <reable shape = "rect" coards = "231,248,257,263" href = "javaScript: alert ('hainan')"> <aeam shape = "rect" coards = "292,200,319,214" href = "javascript: alert ('fujian')"> <shape = "rert" Координирует = "259,219 287,231" href = "javascript: alert ('guangdong')"> <aeam shape = "rect" координат = "244 231 270,246" href = "javascript: alert (" macau ') "> <область =" координат = "276,232.30488 8888888 88888 888884 84 88884 88 8840484 88 8.30" 334 88 88148 href = "javaScript: alert ('honkkong')"> <aeam shape = "rect" координат = "311,228,338,243" href = "javaScript: alert (" taiwan ') "> <область =" rect "координирует =" 272,90,302,107 "href =" javascript: alert (alert') (). shape="rect" coords="196,130,222,145" href="javascript:alert('Gansu')"> <area shape="rect" coords="246,116,272,130" href="javascript:alert('Shanxi')"> <area shape="rect" coords="224,136,252,151" href = "javascript: alert ('shaanxi')"> </map> </body> </html>

Несколько значений атрибутов тега области в теге карты: http://www.w3school.com.cn/tags/tag_area.asp

Здесь мы также отметим атрибут формы площади, который можно выбрать из прямоугольников, кругов и многоугольников. Особенно важно отметить, что атрибут координат должен использоваться в сочетании с формой. Координаты в верхнем левом углу изображения составляют 0,0.