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