HTML中的圖象標(biāo)簽屬性
更新時間：2006年08月28日 00:00:00 作者：
HTML中的圖象標(biāo)簽屬性
圖象可以使網(wǎng)頁更加生動美觀。瀏覽器可以顯示JPEG和GIF圖象，其中GIF圖象最多只能使用256種顏色（即只能保存為8位顏
色），而JPEG格式可保存為24位，對具體連續(xù)色調(diào)的圖象有最佳效果。不過，GIF圖象雖然在圖象質(zhì)量上不及JPEG圖象，但
其所占的存儲空間下，下載速度快。因此應(yīng)視不同情況而決定使用哪種格式的圖象。
在HTML文檔中插入圖象是通過<IMG>標(biāo)簽來實現(xiàn)的。該標(biāo)簽共有個9個屬性。除屬性SRC是不可缺省的外，其他的屬性都是可
選的。
一，SRC屬性。SRC即Source,該屬性用以指出被引用的圖象文件所在的位置。例如：
絕對路徑表示法：<IMG SRC="http://page2000.xiloo.com/web/icon.html">
相對路徑表示法：<IMG SRC="web/icon.html">
SRC的屬性參數(shù)值就是圖像文件的URL。注意，只有當(dāng)圖象文件和HTML文檔在同一目錄下時才可采用相對表示法來標(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>
再看看這個怎樣？
<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p>
<HR>
</body>
<html>
可以將圖象換成你自己的。注意，瀏覽器默認(rèn)的目錄是windows/TEMP臨時文件夾。你需要指定圖象所在的目錄。
四，ALT屬性。用戶在瀏覽網(wǎng)頁時，常常會為了節(jié)省時間或其他的原因選擇不下載圖片，加入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這兩個屬性來確定圖象與其像鄰的對象之間的空白大小。vspace屬性用于指定圖象與其垂直方
向上相鄰對象之間的距離。hspave用來指定圖象與其水平方向相鄰對象之間的距離。這兩個屬性的參數(shù)都是數(shù)字，表示空出
距離的像素點數(shù)。
六，BORDER屬性。
瀏覽器在調(diào)用圖象時會根據(jù)瀏覽器窗口和原始圖象大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖
象邊框的寬度或者取消邊框<border=0>。border屬性的參數(shù)值也是數(shù)字，表示邊框?qū)挾人嫉南袼攸c數(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屬性
這個屬性于文檔的超鏈接有關(guān)，我們以后在詳細(xì)講解它。
圖象可以使網(wǎng)頁更加生動美觀。瀏覽器可以顯示JPEG和GIF圖象，其中GIF圖象最多只能使用256種顏色（即只能保存為8位顏
色），而JPEG格式可保存為24位，對具體連續(xù)色調(diào)的圖象有最佳效果。不過，GIF圖象雖然在圖象質(zhì)量上不及JPEG圖象，但
其所占的存儲空間下，下載速度快。因此應(yīng)視不同情況而決定使用哪種格式的圖象。
在HTML文檔中插入圖象是通過<IMG>標(biāo)簽來實現(xiàn)的。該標(biāo)簽共有個9個屬性。除屬性SRC是不可缺省的外，其他的屬性都是可
選的。
一，SRC屬性。SRC即Source,該屬性用以指出被引用的圖象文件所在的位置。例如：
絕對路徑表示法：<IMG SRC="http://page2000.xiloo.com/web/icon.html">
相對路徑表示法：<IMG SRC="web/icon.html">
SRC的屬性參數(shù)值就是圖像文件的URL。注意，只有當(dāng)圖象文件和HTML文檔在同一目錄下時才可采用相對表示法來標(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>
再看看這個怎樣？
<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p>
<HR>
</body>
<html>
可以將圖象換成你自己的。注意，瀏覽器默認(rèn)的目錄是windows/TEMP臨時文件夾。你需要指定圖象所在的目錄。
四，ALT屬性。用戶在瀏覽網(wǎng)頁時，常常會為了節(jié)省時間或其他的原因選擇不下載圖片，加入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這兩個屬性來確定圖象與其像鄰的對象之間的空白大小。vspace屬性用于指定圖象與其垂直方
向上相鄰對象之間的距離。hspave用來指定圖象與其水平方向相鄰對象之間的距離。這兩個屬性的參數(shù)都是數(shù)字，表示空出
距離的像素點數(shù)。
六，BORDER屬性。
瀏覽器在調(diào)用圖象時會根據(jù)瀏覽器窗口和原始圖象大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖
象邊框的寬度或者取消邊框<border=0>。border屬性的參數(shù)值也是數(shù)字，表示邊框?qū)挾人嫉南袼攸c數(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屬性
這個屬性于文檔的超鏈接有關(guān)，我們以后在詳細(xì)講解它。
相關(guān)文章
CSS實現(xiàn)簡單的圖片防盜鏈代碼...2006-09-09
給超級鏈接增加其他樣式...2006-07-07
自定義容器和字體大小...2006-06-06
轉(zhuǎn)載：On having layout...2006-09-09
樣式表CSS布局經(jīng)驗...2006-09-09
meta是用來在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報文。2013-11-11
文字應(yīng)用css濾鏡集錦...2006-08-08
學(xué)習(xí)CSS的10大理由...2006-09-09
在DIV+CSS排版中新聞列表的制作方法...2006-09-09
深入探討CSS中字體元素...2006-09-09