2012年5月4日 星期五

HTML語法：影像地圖 Image Map

一般的圖片連結語法，只能連結到一個網頁或文件，如何在同一張圖片上設定多個連結點呢？答案就是使用「HTML影像地圖 Image Map」語法。

語法如下：
<map name="影像地圖名稱">
<area href="URL"(超連結的URL) shape="rect(矩形) | polygon(多邊形) | circle(圓形)" coords="###, ###, ###, ###"(座標) alt="文字說明">
......
</map>
<img border="0" src="圖檔的URL" usemap="#影像地圖名稱" width="###" height="###">
如果覺得座標不好抓的話，利用Dreamweaver或FrontPage等可以快速幫助我們產生需要的語法，如下圖，記得複製語法後把圖片的網址改成實際上傳的位址。

張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)