HTML常用標(biāo)簽之"地圖"標(biāo)簽
來源：程序員人生 發(fā)布時(shí)間：2015-03-24 08:12:39 閱讀次數(shù)：3610次
6. "地圖"標(biāo)簽
簡(jiǎn)介: 這個(gè)和上1章的圖象標(biāo)簽1樣, 都屬于簡(jiǎn)單 容易理解的, 所謂的地圖標(biāo)簽就是在本來的圖象上 添加了地圖上坐標(biāo)的概念, 使得圖象上不同的坐標(biāo)位置點(diǎn)擊時(shí)可以有不同的跳轉(zhuǎn)頁面
跟上1章1樣, 直接上碼了
<!DOCTYPE html>
<html>
<head>
<title>地圖標(biāo)簽</title>
<meta charset="utf⑻">
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF⑻">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<a href="Main.html">返回主頁</a><br>
<img src="Image/beacon.jpg" usemap="#mymap" border=5/>
<map name="mymap">
<!-- 圖象的該坐標(biāo)處指向的是打開百度, 由于該方法較先履行, 如有堆疊的區(qū)域,點(diǎn)擊則會(huì)進(jìn)入百度界面 -->
<area shape="rect" coords="0,0,100,200" href="http://www.baidu.com" target="_blank">
<!-- 圖象的該坐標(biāo)處指向了打開CSDN -->
<area shape="circle" coords="0,0,200,400" href="http://www.csdn.net" target="_blank">
</map>
</body>
</html>
運(yùn)行結(jié)果:
點(diǎn)擊下圖藍(lán)線內(nèi)的任意位置, 打開百度網(wǎng)頁
點(diǎn)擊下圖藍(lán)線內(nèi)的區(qū)域進(jìn)入CSDN頁面
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
