<html>
<head>
<title>映像執行個體手把手</title>
</head>
<body>
<!-- 下面一行表示插入映像 -->
<a href="http://www.baidu.com" >
<img src="07.JPG" alt="數位寶貝" width="120px" height="90" border="10px"></a>
<p>文字在底部顯示<img src="07.jpg" align="bottom" width="120" height="90">文字在底部顯示</p>
<p>文字在中部顯示<img src="12.jpg" align="middle" width="120" height="90">文字在中部顯示</p>
<p>文字在頂部顯示<img src="06.jpg" align="top" width="120" height="90">文字在頂部顯示</p>
<!-- 下面一行表示對映像設定映射圖 -->
<img src="12.jpg" usemap="#face">
<map name="Face">
<area shape="rect" href="page.html" coords="20,20,280,60">
<area shape="poly" href="image.html" coords="100,100,180,80,200,140">
<area shape="circle" href="new.html" coords="80,40,60">
</map>
</body>
</html>
一開始我納悶兒啊，怎麼usemap設定了沒反應呢，後來發現是兩個問題：
1：href拼字成了herf。
2：圖片比較小，而coords設定的比較大，所以在圖片上移來移去不能顯示出效果出來。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
