HTML 圖像標簽(img)


一、標簽屬性

  屬性就是一個實體的特性,例如:手機的屬性有大小,顏色等,HTML標簽也有自己的屬性。

  使用HTML制作網頁時,如果想讓HTML標簽提供更多的信息,可以使用HTML標簽的屬性加以設置。

  語法格式:

<標簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內容 </標簽名>

  注意點: 

  1.標簽可以擁有多個屬性,必須寫在開始標簽中,位於標簽名后面。

  2.屬性之間不分先后順序,標簽名與屬性、屬性與屬性之間均以空格分開。

  3.任何標簽的屬性都有默認值,省略該屬性則取默認值。采取 鍵值對 的格式 key="value" 的格式

二、圖像標簽(單標簽)

  單詞縮寫: image 圖像

   HTML網頁中任何元素的實現都要依靠HTML標簽,要想在網頁中顯示圖像就需要使用圖像標簽

  語法格式: 

<img src="圖像URL" />

  Tips:該語法中src屬性用於指定圖像文件的路徑和文件名,他是img標簽的必需屬性。

三、圖像標簽的常用屬性

  下面是圖像標簽常用的屬性:

屬性名稱 屬性值 描述
src url 圖像的路徑
alt 文本 圖像不能顯示時的替換文本
title 文本 鼠標懸停顯示的內容
width 像素(XHTML不支持%頁面百分比) 設置圖像的寬度
height 像素(XHTML不支持%頁面百分比) 設置圖像的高度
border 數字 設置圖像邊框的寬度

 

  更多的標簽學習參考這里: http://www.w3school.com.cn/tags/index.asp

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM