IMG USEMAP Atribut Tautan peta China

Penulis：Eve Cole Waktu Pembaruan：2025-05-06 09:16:01

Tag IMG HTML: Menentukan gambar yang akan diperkenalkan di halaman web. Ini juga memiliki atribut USEMAP yang sangat menarik.

Lihatlah peta di beranda 51ditu, dan peta Cina di tengah. Klik kanan untuk diunduh dan melihat gambar normal.

Tetapi mengklik provinsi di peta dapat memulai berbagai acara (atau membuka tautan yang berbeda), yang sangat menarik. Ternyata atribut USEMAP digunakan.

Tentu saja, Anda juga perlu mendefinisikan tag peta. Seluruh kode adalah sebagai berikut:

<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"> <iteme> img uSemap atribut </itement> </adephb <body> <mg src = "http://img.vevb.com/mapschin" "" http://img.vevb.com/mapsch.chin "" " bentuk = "rect" coords = "73,87,103,104" href = "javascript: waspada ('xinjiang')"> <area bentuk = "rect" coords = "144.125,173,142" href = "JavaScript: waspada ('Qinghai')"> <"844." 844. "844." href = "JavaScript: alert ('tibet')"> <Area bentuk = "rect" coords = "220,90,257,105" href = "javascript: waspada ('mongolia dalam')"> <Area bentuk = "rect" coords = "348,45,389,61" "herccript:" 3488,45,389,69 "" "heOrp:" 348,45,45,389,61 "" HEOK: "34889.389.61" HEOK = "348.389.61" <Area bentuk = "rect" coords = "346,68,371,83" href = "JavaScript: waspada ('jilin')"> <Area bentuk = "rect" coords = "323,84,351.100" href = "JavaScript: waspada ('liaon')"> "href =" JavaScript: BUKT coords = "298.100.326.114" href = "JavaScript: ALERT ('tianjin')"> <Area bentuk = "rect" coords = "288.120.314.136" href = "JavaScript: 'Shandong')"> <Area bentuk = "rect" "2682 href = "javascript: waspada ('hebei')"> <area bentuk = "rect" coords = "207.116.235.130" href = "javascript: waspada ('ningxia')"> <Area bentuk = "rect" coords = "186,162,214,179" hrccrcres = "186.162,214,179" hrccrcr: hrcript: "186,162,214,179" hrccrpcr: hrcript: "186.162,214.179" hrcrcr: hrcript: "186.162,214.179" bentuk = "rect" coords = "256.142.281.157" href = "javascript: waspada ('henan')"> <area bentuk = "rect" coords = "305.144.332.159" href = "javascript: waspada ('jiangsu')"> <"href =" javascript: waspada ('jiangsu') "> <" href = "JavaScript: 'jiangsu')"> <area "href =" "JavaScript: 'jiangsu')"> <"href =" JavaScript: 'jiangsu') "> <area" href = "" " coords = "320.162.342.177" href = "javascript: waspada ('shanghai')"> <area bentuk = "rect" coords = "216.168.243,185" href = "rece =" 2502,202,27,18 href = "JavaScript: alert ('hubei')"> <Area bentuk = "rect" coords = "283.161.308.177" href = "JavaScript: waspada ('anhui')"> <Area Shape = "Rect" coords = "213.196.239.209" HRCRIP = "JAUR:" 213,196,239 "" HRCRIP = "213.196,239" "HRCRIP:" 213.196.239 "HRCRIP:" 213.196.239 "HRCRIP =" 213.196.239 " shape="rect" coords="243,183,269,198" href="javascript:alert('Hunan')"> <area shape="rect" coords="273,185,299,200" href="javascript:alert('Jiangxi')"> <area shape="rect" coords = "308.177.334.193" href = "JavaScript: waspada ('zhejiang')"> <Area bentuk = "rect" coords = "179.210,204,225" href = "rece =" 227274444442.222.282 href = "JavaScript: alert ('Guangxi')"> <Area bentuk = "rect" coords = "231.248.257.263" href = "javascript: waspada ('hainan')" <area bentuk = "rect" coords = "292.200,319)" fuian "4vcrip: JAUVCRIP: 292.200.319.214" bentuk = "rect" coords = "259.219.287.231" href = "javascript: waspada ('guangdong')"> <area bentuk = "rect" coords = "244.231.270.246" href = "JavaScript: waspada ('macau')"> coords = "276.232.304.248" href = "javascript: waspada ('hong kong')"> <area bentuk = "rect" coords = "311.228.338.243" href = "javascript: 'taiwan')"> <area bentuk = "rece =" 27. "272.10 href = "JavaScript: alert ('beijing')"> <Area bentuk = "rect" coords = "196.130.222.145" href = "javascript: waspada ('gansu')"> <Area bentuk = "rect" coords = "246.1166,272,130" "href =" href = "JAVEV: 246.1166.272,130" href = "href =" JAVEV: "2466666.272,130" href = "" href = "JAV: 246.11666.272,130" href = "href =" JAV: 246.11666.272,130 "href =" "href =" JAVEX: " bentuk = "rect" coords = "224.136.252.151" href = "JavaScript: ALERT ('shaanxi')"> </peta> </body> </html>

Beberapa makna atribut dari tag area dalam tag peta adalah: http://www.w3school.com.cn/tags/tag_area.asp

Di sini kita juga akan mencatat atribut bentuk area, yang dapat dipilih dari persegi panjang, lingkaran dan poligon. Sangat penting untuk dicatat bahwa atribut Coords harus digunakan dalam kombinasi dengan bentuk. Koordinat di sudut kiri atas gambar adalah 0,0.