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

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


測試頁面



我的表徵圖好看嗎?





再看看這個怎樣?






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


測試頁面




你看不到吧?嘿嘿









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


測試頁面




看看效果就行。







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

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.