1、圖像超鏈接：
格式為：<a href="url"><img src="url"></a>

2、圖像地圖是什么？
把一個(gè)圖分成多個(gè)區(qū)域，每個(gè)區(qū)域指向不同的URL地址

3、怎樣產(chǎn)生圖像地圖
(1)先要定義出圖像的各熱點(diǎn)區(qū)域的形狀、位置坐標(biāo)、及其指向的url地址信息，這個(gè)過(guò)程叫做圖像熱點(diǎn)映射。
這個(gè)過(guò)程要用<map name=mapname></map>標(biāo)簽對(duì)進(jìn)行說(shuō)明，其中的name屬性為這個(gè)熱點(diǎn)映射指定了一個(gè)名稱。
(2)圖像熱點(diǎn)中映射中的各個(gè)區(qū)域用<area>標(biāo)簽說(shuō)明，<area>標(biāo)簽的格式為:
<area shape="形狀" coords="坐標(biāo)" href="URL">HREF部分也可以用nohref表示，表示在這個(gè)區(qū)域單擊無(wú)效。 (3)定義好了后，接著就要在<img>圖像標(biāo)簽中增加一個(gè)名為usemap的屬性設(shè)置,如下：
<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="/upload/200729134227624.gif" usemap="#mymap">

shape屬性的設(shè)置說(shuō)明：

最新評(píng)論