IMG USEMAP 속성 중국지도 링크

저자：Eve Cole 업데이트 시간：2025-05-06 09:16:01

HTML의 IMG 태그 : 웹 페이지에서 소개 할 이미지를 정의합니다. 또한 매우 흥미로운 USEMAP 속성이 있습니다.

51ditu 홈페이지의지도와 중간의 중국지도를보십시오. 마우스 오른쪽 버튼을 클릭하여 다운로드하고 일반 사진을보십시오.

그러나지도에서 지방을 클릭하면 다른 이벤트 (또는 다른 링크 열기)를 시작할 수 있습니다. 이는 매우 흥미 롭습니다. USEMAP 속성이 사용 된 것으로 밝혀졌습니다.

물론 맵 태그도 정의해야합니다. 전체 코드는 다음과 같습니다.

<html> <head> <meta http-equiv = "content-type"content = "text/html; charset = gbk"> <title> img usemap 속성 </title> </head> <body> <img src = "http://img.vevb.com/maps/chinamap.gif"usemap "#########map". <area Shape = "rect"cords = "73,87,103,104"href = "javaScript : alert ( 'xinjiang')" "> <area shape ="rect "coord ="144,125,173,142 "href ="javaScript : alert ( 'Qinghai') "" "" "" " coords = "84,158,115,175"href = "javaScript : alert ( 'tibet')"> <area shape = "rect"coords = "220,90,257,105"href = "javaScript : Alert ( 'Inner Mongolia')"> rects = "coords ="348,45,38,61. href = "javaScript : alert ( 'heilongjiang')"> <area shape = "rect"coord = "346,68,371,83"href = "javaScript : alert ( 'jilin')"> <area shape = "rect"coord = "323,84,351,100"href = "javascript : aliaoning <area Shape = "rect"cords = "298,100,326,114"href = "javaScript : alert ( 'tianjin')" "> <area shape ="rect "coord ="288,120,314,136 "href ="javaScript : Alert ( 'Shandong') ""coord = "268,107,29 href = "javaScript : Alert ( 'hebei')"> <area shape = "rect"coder = "207,116,235,130"href = "javaScript : alert ( 'ningxia')"> <area shape = "rect"coord = "186,162,214,179"Href = "javascript : javascript : wamescripp : Shape = "rect"cords = "256,142,281,157"href = "JavaScript : Alert ( 'Henan')"> <area shape = "rect"cords = "305,144,332,159"href = "javascript : alert ( 'jiangsu')"> rect = "" "" "" " coords = "320,162,342,177"href = "javaScript : Alert ( 'Shanghai')"> <area Shape = "rect"coords = "216,168,243,185"href = "javaScript : Alert ( 'chongqing')> <면적 모양 ="250,16,277,17. href = "javaScript : Alert ( 'hubei')"> <area shape = "rect"coder = "283,161,308,177"href = "javaScript : alert ( 'anhui')"> <area Shape = "rect"coord = "213,196,239,209"Href = "javascript : javaScript : awizhou scripce : wizaScript. shape = "rect"coords = "243,183,269,198"href = "javaScript : alert ( 'hunan')"> <area shape = "rect"coord = "273,185,299,200"href = "javascript : alert ( 'jiangxi')"> <rects = "coords ="308,177,34,134. href = "javaScript : Alert ( 'Zhejiang')" "> <area shape ="rect "coord ="179,210,204,225 "href ="javascript : alert ( 'yunnan') "> <area shape ="rect "coord ="227,214,252,228 "href ="javascript : allert : allert : allerf = <area Shape = "rect"coords = "231,248,257,263"href = "javaScript : alert ( 'hainan')" "> <area shape ="rect "coord ="292,200,319,214 "href ="javaScript : Alert ( 'fujian') "" "" "" "" "" " coords = "259,219,287,231"href = "javaScript : alert ( 'guangdong')"> <area shape = "rect"coords = "244,231,270,246"href = "javaScript : Alert ( 'macau')"> area Shape = "rects ="276,204,248 href = "javaScript : Alert ( 'hong Kong')"> <area shape = "rect"coord = "311,228,338,243"href = "javaScript : alert ( 'taiwan')"> <area shape = "rect"coords = "272,90,302,107"HREF = "javascript : javascript : whref ="javascript. shape = "rect"coords = "196,130,222,145"href = "javaScript : alert ( 'gansu')"> <area shape = "rect"coord = "246,116,272,130"href = "javaScript : Alert ( 'shanxi')> area Shape ="224,151 "224,151" href = "JavaScript : Alert ( 'shaanxi')"> </map> </body> </html>

지도 태그의 영역 태그의 몇 가지 속성 의미는 다음과 같습니다. http://www.w3school.com.cn/tags/tag_area.asp

여기서 우리는 또한 직사각형, 원 및 다각형에서 선택할 수있는 면적의 모양 속성을 주목할 것입니다. 코디 속성은 모양과 함께 사용해야한다는 점에 유의해야합니다. 이미지의 왼쪽 상단 모서리의 좌표는 0,0입니다.