html代碼圖片img標(biāo)簽屬性有哪些？圖片img標(biāo)簽的用法有哪些，下面全面給大家介紹html代碼img標(biāo)簽屬性的全部內(nèi)容，讓大家盡快熟悉html代碼及圖片img標(biāo)簽內(nèi)容。
在html代碼中，圖像由img標(biāo)簽所定義，什么叫<img>圖像空標(biāo)簽，圖像空標(biāo)簽指的是沒有閉合的<img>圖像標(biāo)簽，如果你想在網(wǎng)頁上顯示圖像，那么就必須要使用圖像src屬性，圖像src屬性指的是圖像的URL地址。
圖像img標(biāo)簽語法定義為<img src=”圖片地址” alt=”圖片描述文字”>
，src=”圖片地址”指的是圖片存儲位置，如果圖像名稱為 “123.jpg” ，而且圖像存儲在www.zhuzhouren.cn的images目錄中，那么圖像URL地址為https://www.zhuzhouren.cn/images/123.jpg，即src=”https://www.zhuzhouren.cn/images/123.jpg”，網(wǎng)頁在瀏覽器中顯示圖像的地方必有<img>圖像標(biāo)簽。
img標(biāo)簽的定義和用法
<img>圖像標(biāo)簽指的是向網(wǎng)頁中嵌入一張圖片，注意從技術(shù)上講，圖片<img>標(biāo)簽并不能插入圖像，而且鏈接網(wǎng)頁上的圖片。
<img>圖像標(biāo)簽鏈接的是占用網(wǎng)站服務(wù)器空間中圖片，圖片<img>標(biāo)簽還有兩個屬性內(nèi)容，一個為src屬性，另一個為alt屬性，src屬性定義的是圖像URL地址，alt屬性用來定義可替換圖像的文本，alt屬性用戶是可以自定義的，建議alt屬性內(nèi)容要與圖片內(nèi)容相關(guān)，如下所示：
<img src=”123.jpg” alt=”用戶定義圖片描述文字”>
當(dāng)瀏覽器無法加載圖像的時(shí)候，圖片alt屬性內(nèi)容會告訴用戶圖片的信息，此時(shí)瀏覽器顯示的是alt屬性替換圖像的文本的內(nèi)容，而不是圖片，因此在網(wǎng)頁上插入圖片的時(shí)候建議要輸入圖片alt屬性內(nèi)容，這樣有利于提高用戶體驗(yàn)度。
HTML代碼img標(biāo)簽屬性的縮放：
HTML部分：
<div class=”tu”><img src=”123.jpg”></div>
HTML代碼img標(biāo)簽css樣式代碼可控制圖片大?。?/strong>
.tu img{
max-height:720px;
max-width:640px;
width:expression(this.width > 640 && this.height < this.width ? 640: true);
height:expression(this.height > 720 ? 720: true);
}
說明：圖片大于640自動縮放到640px，如果小于640px即為實(shí)際大小，高度大于720px縮放到720px，小于720px為實(shí)際大小。注意事項(xiàng)：一般對圖片不控制大小。
圖像的居中顯示：（附全部對齊屬性值）
left： 把圖像對齊到左邊
right： 把圖像對齊到右邊
middle: 把圖像與中央對齊
top: 把圖像與頂部對齊
bottom: 把圖像與底部對齊
height，width屬性
height（高度） 與 width（寬度）屬性用于設(shè)置圖像的高度與寬度。
屬性值默認(rèn)單位為像素:<img src=”123.jpg” alt=”圖片描述文字” width=”404″ height=”258″>
注意，在圖片屬性內(nèi)容中定義圖片的高度和寬度對于網(wǎng)站圖片優(yōu)化有著很好的作用，如果你的圖片屬性指定了高度和寬度，那么在圖片加載的時(shí)候就會加載圖片的寬度尺寸，如果未定義圖片寬高尺寸，那么加載時(shí)圖片有可能會影響html頁面的布局。
img標(biāo)簽基本的注意事項(xiàng)：
1、網(wǎng)頁不要用太多的圖片，如果你的這個網(wǎng)頁插入了10張圖片，瀏覽器為了正確顯示網(wǎng)頁內(nèi)容，就需要將圖片一張張加載出來，需要較多的時(shí)間，影響用戶體驗(yàn)度，建議網(wǎng)頁少用圖片。
2、在網(wǎng)頁插入圖片的時(shí)候，一定要插入正確的圖片路徑，如果圖片路徑不正確，網(wǎng)頁就無法正常加載圖片，嚴(yán)重影響了用戶體驗(yàn)。
HTML圖像標(biāo)簽所包含屬性所表示的意思：
<img>定義圖像標(biāo)簽；
<map>定義圖像地圖標(biāo)簽；
<area>定義圖像地圖中的可點(diǎn)擊區(qū)域；
HTML 與 XHTML 之間的差異：
在 HTML 中， 標(biāo)簽沒有結(jié)束標(biāo)簽；
在 XHTML 中， 標(biāo)簽必須被正確地關(guān)閉；
在 HTML 4.01 中，不推薦使用 image 元素的 “align”、”border”、”hspace” 以及 “vspace” 屬性；
在 XHTML 1.0 Strict DTD 中，不支持 image 元素的 “align”、”border”、”hspace” 以及 “vspace” 屬性。
img標(biāo)簽可選屬性知識小補(bǔ)充：
align：規(guī)定如何根據(jù)周圍的文本來排列圖像；
border：定義圖像周圍的邊框；
height：定義圖像的高度；
hspace：定義圖像左側(cè)和右側(cè)的空白；
ismap：將圖像定義為服務(wù)器端圖像映射；
longdesc：指向包含長的圖像描述文檔的URL；
usemap：將圖像定義為客戶端圖像映射；
vspace：圖像頂部和底部的空白；
width：圖像寬度大小。
