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è)過程叫做圖像熱點(diǎn)映射。
這個(gè)過程要用map name=mapname>/map>標(biāo)簽對(duì)進(jìn)行說明,其中的name屬性為這個(gè)熱點(diǎn)映射指定了一個(gè)名稱。
(2)圖像熱點(diǎn)中映射中的各個(gè)區(qū)域用area>標(biāo)簽說明,area>標(biāo)簽的格式為:
area shape="形狀" coords="坐標(biāo)" href="URL">HREF部分也可以用nohref表示,表示在這個(gè)區(qū)域單擊無效。 (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è)置說明:
rect定義一個(gè)矩形區(qū)域,coords屬性設(shè)置為矩形的左上角,右下角的坐標(biāo),各個(gè)坐標(biāo)值用,號(hào)分開;
poly定義一個(gè)多邊形的區(qū)域,coords屬性設(shè)置值為多邊形各頂點(diǎn)的坐標(biāo)值;
cicle定義一個(gè)圓形區(qū)域,coords屬性設(shè)置值為圓形坐標(biāo)及半徑,前兩個(gè)為坐標(biāo),后一個(gè)為半徑。
例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: