更新時(shí)間：2015-02-09
圖象可以使網(wǎng)頁(yè)更加生動(dòng)美觀。瀏覽器可以顯示JPEG和GIF圖象，其中GIF圖象最多只能使用256種顏色（即只能保存為8位顏色），而JPEG格式可保存為24位，對(duì)具體連續(xù)色調(diào)的圖象有最佳效果。不過(guò)，GIF圖象雖然在圖象質(zhì)量上不及JPEG圖象，但其所占的存儲(chǔ)空間下，下載速度快。因此應(yīng)視不同情況而決定使用哪種格式的圖象。
在HTML文檔中插入圖象是通過(guò)標(biāo)簽來(lái)實(shí)現(xiàn)的。該標(biāo)簽共有個(gè)9個(gè)屬性。除屬性SRC是不可缺省的外，其他的屬性都是可選的。
一，SRC屬性。SRC即Source,該屬性用以指出被引用的圖象文件所在的位置。例如：
絕對(duì)路徑表示法：
相對(duì)路徑表示法：
SRC的屬性參數(shù)值就是圖像文件的URL。注意，只有當(dāng)圖象文件和HTML文檔在同一目錄下時(shí)才可采用相對(duì)表示法來(lái)標(biāo)識(shí)圖象文件的位置。
二，ALIGN屬性。align屬性的參數(shù)值為top,middle,bottom.分別表示圖象相鄰的文字位于圖象的左上方，左面中間，和右下方。例如：
測(cè)試頁(yè)面
我的圖標(biāo)好看嗎？
再看看這個(gè)怎樣？
可以將圖象換成你自己的。注意，瀏覽器默認(rèn)的目錄是windows/TEMP臨時(shí)文件夾。你需要指定圖象所在的目錄。
四，ALT屬性。用戶在瀏覽網(wǎng)頁(yè)時(shí)，常常會(huì)為了節(jié)省時(shí)間或其他的原因選擇不下載圖片，加入ALT屬性可以在原本顯示圖片的位置顯示一些有關(guān)于該圖象的信息。ALT屬性的參數(shù)值就是網(wǎng)頁(yè)編輯者希望在在原本顯示圖象的地方出現(xiàn)的文字信息，一般是圖象的名稱(chēng)和簡(jiǎn)要的說(shuō)明。例如。
測(cè)試頁(yè)面
五，確定圖象邊距的屬性。
標(biāo)簽用vspace和hspace這兩個(gè)屬性來(lái)確定圖象與其像鄰的對(duì)象之間的空白大小。vspace屬性用于指定圖象與其垂直方向上相鄰對(duì)象之間的距離。hspave用來(lái)指定圖象與其水平方向相鄰對(duì)象之間的距離。這兩個(gè)屬性的參數(shù)都是數(shù)字，表示空出距離的像素點(diǎn)數(shù)。
六，BORDER屬性。
瀏覽器在調(diào)用圖象時(shí)會(huì)根據(jù)瀏覽器窗口和原始圖象大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來(lái)指定圖象邊框的寬度或者取消邊框
測(cè)試頁(yè)面
border的參數(shù)值越大邊框越大。
七，ISMAP屬性
這個(gè)屬性于文檔的超鏈接有關(guān)，我們以后在詳細(xì)講解它。
