明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html圖像標簽

發(fā)表時間：2023-09-08 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]圖像標簽可能是最大最感興趣的啦,俗話說,有圖有真相,一張圖片,勝過萬語千言 頁面中有了圖像,會瞬間變得多姿多彩,使用戶的體驗也瞬間提升 但是圖像是外部資源,加載到當前頁面是需要時間的,所以圖像雖好,也不能濫用 用得好,畫龍點睛,用不好,畫蛇添足 圖像使用<img>標簽,這是在之前前端初...
圖像標簽可能是最大最感興趣的啦,俗話說,有圖有真相,一張圖片,勝過萬語千言

頁面中有了圖像,會瞬間變得多姿多彩,使用戶的體驗也瞬間提升

但是圖像是外部資源,加載到當前頁面是需要時間的,所以圖像雖好,也不能濫用

用得好,畫龍點睛,用不好,畫蛇添足

圖像使用<img>標簽,這是在之前前端初體驗課程中提到過

因為圖像是外部資源,如果你引用的資源來自網(wǎng)絡,有可能會引用失敗或者因為超時等原因加載失敗,

所以,我們還要給img標簽添加alt屬性,指示當前圖片的文字描述,例如: 混血車模

如果當前圖片不能顯示或者用戶禁止圖像顯示的話,就會顯示這個提示文本

這個提示文本非常重要,我們剛才介紹過,搜索引擎是不能識別圖像內(nèi)容的,所以如果想讓搜索引擎,如百度

知道你的圖片是什么,就必須要添加alt標簽,這樣你的圖片信息就會被檢索到了,有利于網(wǎng)站的優(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圖像標簽的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。




標簽：html圖像標簽