1.設置網頁的背景圖案
格式:<body background=”URL”>
例如:<body background=“1.gif”>
2.將圖片插入到網頁中
格式:<img src="URL">
功能:將圖片插入到網頁中去,單一標籤
3.<img>標籤的屬性
屬性名稱 屬性值 說明
src URL 圖片的路徑
alt 字符串 給圖片做註解
width 像素/百分比 設置圖片寬度
height 像素/百分比 設置圖片高度
border 數字(像素) 圖象邊框的設置
vspace 像素 垂直上下兩端與物件距離
hspace 像素 水平左右兩段與物件距離
4.將圖片作爲超連接
格式:<a href="URL"><img src="URL"></a>
將圖片作爲連接時,有的瀏覽器會顯示有邊框,使用<img>的Border屬性將邊框設置爲0就可以了。
例如:<a href="#"><img src="images/taobao_08.png" border="0"/></a>
5.爲網站添加圖標
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon“/>
6.地圖索引
格式:<img src="URL" USEMAP="#圖象名稱">
<map name="圖象名稱" id="圖象名稱">
<area shape=“選取區塊的形狀”coords=“座標”href=“URL”alt=“文字說明">
</map>
<map>聲明整張圖使用地圖鏈接方式進行連接.
name,id指此圖的名稱.
<area>表示我們所要鏈接其中一點的區快
shape表示我們所選擇的形狀,如:rect矩形circle圓poly多邊形
coords 表示地圖的座標位置!!
例如:<img src="1111.png" width="218" height="416" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="9,14,183,52" href="http://www.baidu.com" />
<area shape="rect" coords="8,61,187,98" href="http://www.youku.com" />
<area shape="rect" coords="7,106,187,146" href="#" />
<area shape="rect" coords="2,151,184,190" href="#" />
</map>