|
|
1、圖像超鏈接：
格式為：<a href="url"><img src="url"></a>
2、圖像地圖是什么？
把一個圖分成多個區域，每個區域指向不同的URL地址
3、怎樣產生圖像地圖
(1)先要定義出圖像的各熱點區域的形狀、位置坐標、及其指向的url地址信息，這個過程叫做圖像熱點映射。
這個過程要用<map name=mapname></map>標簽對進行說明，其中的name屬性為這個熱點映射指定了一個名稱。
(2)圖像熱點中映射中的各個區域用<area>標簽說明，<area>標簽的格式為:
<area shape="形狀" coords="坐標" href="URL">HREF部分也可以用nohref表示，表示在這個區域單擊無效。 (3)定義好了后，接著就要在<img>圖像標簽中增加一個名為usemap的屬性設置,如下：
<img src="url" usemap="#mapname">
<map name=mymap><area shape="rect" coords="0,0,50,50" ><area shape="rect" coords="0,50,150,50" ><area shape="rect" coords="50,0,100,50" ></map><img src="http://files.jb51.NET/upload/200729134227624.gif" usemap="#mymap">效果如下：
shape屬性的設置說明：
例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下：
HTML/CSS技術：Lesson01_08 圖像地圖，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
