首頁 >web前端 >css教學 >HTML中的圖象標籤屬性_CSS/HTML

HTML中的圖象標籤屬性_CSS/HTML

WBOY
WBOY原創
2016-05-16 12:11:581801瀏覽

HTML中的圖象標籤屬性
圖象可以讓網頁更生動美觀。瀏覽器可以顯示JPEG和GIF圖象,其中GIF圖象最多只能使用256種顏色(即只能保存為8位顏
色),而JPEG格式可保存為24位,對具體連續色調的圖像有最佳效果。不過,GIF圖象雖然在圖象品質上不如JPEG圖象,但
其所佔的儲存空間下,下載速度快。因此應視不同情況而決定使用哪種格式的圖象。
在HTML文件中插入圖像是透過HTML中的圖象標籤屬性_CSS/HTML標籤來實現的。該標籤共有個9個屬性。除屬性SRC是不可缺省的外,其他的屬性都是可
選的。 
 
一,SRC屬性。 SRC即Source,此屬性用以指出被引用的圖象檔案所在的位置。例如:
絕對路徑表示法:HTML中的圖象標籤屬性_CSS/HTML
相對路徑表示法:HTML中的圖象標籤屬性_CSS/HTML
SRC的屬性參數值就是影像檔案的URL。請注意,只有當圖象文件和HTML文件在同一目錄下時才可採用相對錶示法來識別圖像文
件的位置。
二,ALIGN屬性。 align屬性的參數值為top,middle,bottom.分別表示圖象相鄰的文字位於圖象的左上方,左面中間,和右下
方。例如:
 

 
測試頁 

 


HTML中的圖象標籤屬性_CSS/HTML 



 


 

HTML中的圖象標籤屬性_CSS/HTML 
再看這個怎麼樣? 




 
 
 


可以將圖象換成自己的。注意,瀏覽器預設的目錄是windows/TEMP暫存資料夾。你需要指定圖象所在的目錄。
四,ALT屬性。當使用者瀏覽網頁時,常常會為了節省時間或其他的原因選擇不下載圖片,加入ALT屬性可以在原本顯示圖片的 位置顯示一些有關於該圖象的資訊。 ALT屬性的參數值就是網頁編輯者希望在原本顯示圖象的地方出現的文字訊息,一般
是圖象的名稱和簡要的說明。例如。
 
測試頁



HTML中的圖象標籤屬性_CSS/HTML





你看不到吧?嘿






HTML中的圖象標籤屬性_CSS/HTML





象邊距的屬性。
標籤用vspace和hspace這兩個屬性來決定圖象與其像鄰的物件之間的空白大小。 vspace屬性用來指定圖象與其垂直方
向上相鄰物件之間的距離。 hspave用來指定圖象與其水平方向相鄰物件之間的距離。這兩個屬性的參數都是數字,表示空出 距離的像素點數。 六,BORDER屬性。
瀏覽器在呼叫圖象時會根據瀏覽器視窗和原始圖像大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖形 象邊框的寬度或取消邊框
。 border屬性的參數值也是數字,表示邊框寬度所佔的像素點數。例如:



HTML中的圖象標籤屬性_CSS/HTML
測試頁










看看效果就行。
border的參數值越大邊框越大。 七,ISMAP屬性 這個屬性於文件的超連結有關,我們以後在詳細講解它。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn