HTML常用標簽之"地圖"標簽
來源：程序員人生 發布時間：2015-03-24 08:12:39 閱讀次數：3605次
6. "地圖"標簽
簡介: 這個和上1章的圖象標簽1樣, 都屬于簡單 容易理解的, 所謂的地圖標簽就是在本來的圖象上 添加了地圖上坐標的概念, 使得圖象上不同的坐標位置點擊時可以有不同的跳轉頁面
跟上1章1樣, 直接上碼了
<!DOCTYPE html>
<html>
<head>
<title>地圖標簽</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">
<!-- 圖象的該坐標處指向的是打開百度, 由于該方法較先履行, 如有堆疊的區域,點擊則會進入百度界面 -->
<area shape="rect" coords="0,0,100,200" href="http://www.baidu.com" target="_blank">
<!-- 圖象的該坐標處指向了打開CSDN -->
<area shape="circle" coords="0,0,200,400" href="http://www.csdn.net" target="_blank">
</map>
</body>
</html>
運行結果:
點擊下圖藍線內的任意位置, 打開百度網頁
點擊下圖藍線內的區域進入CSDN頁面
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
