|
|
圖象可以使網(wǎng)頁更加生動(dòng)美觀。瀏覽器可以顯示JPEG和GIF圖象，其中GIF圖象最多只能使用256種顏色（即只能保存為8位顏
色），而JPEG格式可保存為24位，對具體連續(xù)色調(diào)的圖象有最佳效果。不過，GIF圖象雖然在圖象質(zhì)量上不及JPEG圖象，但
其所占的存儲(chǔ)空間下，下載速度快。因此應(yīng)視不同情況而決定使用哪種格式的圖象。
在HTML文檔中插入圖象是通過<IMG>標(biāo)簽來實(shí)現(xiàn)的。該標(biāo)簽共有個(gè)9個(gè)屬性。除屬性SRC是不可缺省的外，其他的屬性都是可
選的。
一，SRC屬性。SRC即Source,該屬性用以指出被引用的圖象文件所在的位置。例如：
絕對路徑表示法：<IMG SRC="http://page2000.xiloo.com/web/icon.html">
相對路徑表示法：<IMG SRC="web/icon.html">
SRC的屬性參數(shù)值就是圖像文件的URL。注意，只有當(dāng)圖象文件和HTML文檔在同一目錄下時(shí)才可采用相對表示法來標(biāo)識圖象文
件的位置。
二，ALIGN屬性。align屬性的參數(shù)值為top,middle,bottom.分別表示圖象相鄰的文字位于圖象的左上方，左面中間，和右下
方。例如：
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom> 我的圖標(biāo)好看嗎？
<br>
<HR>
<P><BR>
再看看這個(gè)怎樣？
<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p>
<HR>
</body>
<html>
可以將圖象換成你自己的。注意，瀏覽器默認(rèn)的目錄是windows/TEMP臨時(shí)文件夾。你需要指定圖象所在的目錄。
四，ALT屬性。用戶在瀏覽網(wǎng)頁時(shí)，常常會(huì)為了節(jié)省時(shí)間或其他的原因選擇不下載圖片，加入ALT屬性可以在原本顯示圖片的
位置顯示一些有關(guān)于該圖象的信息。ALT屬性的參數(shù)值就是網(wǎng)頁編輯者希望在在原本顯示圖象的地方出現(xiàn)的文字信息，一般
是圖象的名稱和簡要的說明。例如。
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom ALT="這是我的圖標(biāo)">
你看不到吧？嘿嘿
<br>
<HR>
<P><BR>
<br><P>
</body>
</html>
五，確定圖象邊距的屬性。
<IMG>標(biāo)簽用vspace和hspace這兩個(gè)屬性來確定圖象與其像鄰的對象之間的空白大小。vspace屬性用于指定圖象與其垂直方
向上相鄰對象之間的距離。hspave用來指定圖象與其水平方向相鄰對象之間的距離。這兩個(gè)屬性的參數(shù)都是數(shù)字，表示空出
距離的像素點(diǎn)數(shù)。
六，BORDER屬性。
瀏覽器在調(diào)用圖象時(shí)會(huì)根據(jù)瀏覽器窗口和原始圖象大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖
象邊框的寬度或者取消邊框<border=0>。border屬性的參數(shù)值也是數(shù)字，表示邊框?qū)挾人嫉南袼攸c(diǎn)數(shù)。例如：
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/me.gif"ALIGN=top border=5>
看看效果就行。
<br>
<HR>
<P><BR>
</body>
</html>
border的參數(shù)值越大邊框越大。
七，ISMAP屬性
這個(gè)屬性于文檔的超鏈接有關(guān)，我們以后在詳細(xì)講解它。
HTML/CSS技術(shù)：HTML中的圖象標(biāo)簽屬性，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
