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等可以快速幫助我們產生需要的語法,如下圖,記得複製語法後把圖片的網址改成實際上傳的位址。

沒有留言:

張貼留言