HTML中的圖象標簽屬性
2020-10-23 18:53:20
供稿：網友
HTML中的圖象標簽屬性
圖象可以使網頁更加生動美觀。瀏覽器可以顯示JPEG和GIF圖象，其中GIF圖象最多只能使用256種顏色（即只能保存為8位顏
色），而JPEG格式可保存為24位，對具體連續色調的圖象有最佳效果。不過，GIF圖象雖然在圖象質量上不及JPEG圖象，但
其所占的存儲空間下，下載速度快。因此應視不同情況而決定使用哪種格式的圖象。
在HTML文檔中插入圖象是通過<IMG>標簽來實現的。該標簽共有個9個屬性。除屬性SRC是不可缺省的外，其他的屬性都是可
選的。
一，SRC屬性。SRC即Source,該屬性用以指出被引用的圖象文件所在的位置。例如：
絕對路徑表示法：<IMG SRC="http://page2000.xiloo.com/web/icon.html">
相對路徑表示法：<IMG SRC="web/icon.html">
SRC的屬性參數值就是圖像文件的URL。注意，只有當圖象文件和HTML文檔在同一目錄下時才可采用相對表示法來標識圖象文
件的位置。
二，ALIGN屬性。align屬性的參數值為top,middle,bottom.分別表示圖象相鄰的文字位于圖象的左上方，左面中間，和右下
方。例如：
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom> 我的圖標好看嗎？
<br>
<HR>
<P><BR>
再看看這個怎樣？
<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p>
<HR>
</body>
<html>
可以將圖象換成你自己的。注意，瀏覽器默認的目錄是windows/TEMP臨時文件夾。你需要指定圖象所在的目錄。
四，ALT屬性。用戶在瀏覽網頁時，常常會為了節省時間或其他的原因選擇不下載圖片，加入ALT屬性可以在原本顯示圖片的
位置顯示一些有關于該圖象的信息。ALT屬性的參數值就是網頁編輯者希望在在原本顯示圖象的地方出現的文字信息，一般
是圖象的名稱和簡要的說明。例如。
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom ALT="這是我的圖標">
你看不到吧？嘿嘿
<br>
<HR>
<P><BR>
<br><P>
</body>
</html>
五，確定圖象邊距的屬性。
<IMG>標簽用vspace和hspace這兩個屬性來確定圖象與其像鄰的對象之間的空白大小。vspace屬性用于指定圖象與其垂直方
向上相鄰對象之間的距離。hspave用來指定圖象與其水平方向相鄰對象之間的距離。這兩個屬性的參數都是數字，表示空出
距離的像素點數。
六，BORDER屬性。
瀏覽器在調用圖象時會根據瀏覽器窗口和原始圖象大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖
象邊框的寬度或者取消邊框<border=0>。border屬性的參數值也是數字，表示邊框寬度所占的像素點數。例如：
<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的參數值越大邊框越大。
七，ISMAP屬性
這個屬性于文檔的超鏈接有關，我們以后在詳細講解它。
