本篇文章為大家展示了HTML中img標(biāo)簽的用法有哪些，代碼簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元永川做網(wǎng)站,已為上家服務(wù),為永川各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

一、Img標(biāo)簽有兩個(gè)重要的屬性：

1.src  屬性：圖片的地址

2.alt  屬性：圖片不顯示是現(xiàn)實(shí)的文字

二、Img標(biāo)簽是行級(jí)元素：

img、input屬于行內(nèi)替換元素。height/width/padding/margin均可用。效果等于塊元素。行內(nèi)非替換元素，例如, height/width/padding top、bottom/margin top/bottom均無(wú)效果.只

能用padding left/right和margin left/right改變寬度。

三、Img標(biāo)簽進(jìn)行居中：

1、第一種方式:這種方式我不是很喜歡，Img標(biāo)簽有事不能設(shè)置為table-cell。容易產(chǎn)生錯(cuò)誤。

img_p{
        display: table-cell;vertical-align: middle;  /*控制圖片垂直居中*/
        text-align: center;  /*控制圖片水平居中*/      }

2、第二種方式:這種方式Img標(biāo)簽最好不要帶有margin屬性，否則不會(huì)居中。

img{
    position: absolute;top:50%;left: 50%;
    transform:translate(-50%,-50%);    
}

四、Img標(biāo)簽事件：

1、使用HTML DOM Event 對(duì)象的 onerror事件可以對(duì)顯示異常的圖片進(jìn)行處理。

<img src="img/1.jpg" alt="這是一張圖片" onerror="alert(this.alt)">

上述內(nèi)容就是HTML中img標(biāo)簽的用法有哪些，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

名稱欄目：HTML中img標(biāo)簽的用法有哪些
鏈接分享：http://www.rwnh.cn/article20/jcjeco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、做網(wǎng)站、小程序開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)建站、軟件開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)