這篇文章主要介紹html圖像標(biāo)簽怎么用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

圖像標(biāo)簽可能是大最感興趣的啦,俗話說,有圖有真相,一張圖片,勝過萬語千言
頁面中有了圖像,會瞬間變得多姿多彩,使用戶的體驗(yàn)也瞬間提升
但是圖像是外部資源,加載到當(dāng)前頁面是需要時(shí)間的,所以圖像雖好,也不能濫用
用得好,畫龍點(diǎn)睛,用不好,畫蛇添足
圖像使用<img>標(biāo)簽,這是在之前前端初體驗(yàn)課程中提到過
因?yàn)閳D像是外部資源,如果你引用的資源來自網(wǎng)絡(luò),有可能會引用失敗或者因?yàn)槌瑫r(shí)等原因加載失敗,
所以,我們還要給img標(biāo)簽添加alt屬性,指示當(dāng)前圖片的文字描述,例如: 混血車模
如果當(dāng)前圖片不能顯示或者用戶禁止圖像顯示的話,就會顯示這個(gè)提示文本
這個(gè)提示文本非常重要,我們剛才介紹過,搜索引擎是不能識別圖像內(nèi)容的,所以如果想讓搜索引擎,如百度
知道你的圖片是什么,就必須要添加alt標(biāo)簽,這樣你的圖片信息就會被檢索到了,有利于網(wǎng)站的優(yōu)化
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>6.圖像標(biāo)簽</title> </head> <body> <!-- <img src="../images/9.jpg"> --> <!-- 發(fā)現(xiàn)圖片太大了,我們剛才介紹過,img標(biāo)簽還有二個(gè)屬性可以設(shè)置圖片的大小 --> <!-- width:設(shè)置寬度, height:設(shè)置高度,單位默認(rèn)為像素,可以不寫單位,只有數(shù)值 --> <!-- <img src="../images/9.jpg" width="300px"> --> <!-- <img src="../images/9.jpg" width="300"> --> <!-- 寬度與高度寫一個(gè)就可以,另一個(gè)屬性會自動等比例縮放的 --> <img src="../images/9.jpg" width="300" alt="混血車模"> </body> </html>
以上是“html圖像標(biāo)簽怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
分享名稱:html圖像標(biāo)簽怎么用-創(chuàng)新互聯(lián)
URL網(wǎng)址:http://www.chinadenli.net/article0/dosioo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、App設(shè)計(jì)、軟件開發(fā)、靜態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容