html如何新增圖片路徑

coldplay.xixi
發布: 2021-01-25 13:58:41
原創
12744 人瀏覽過

html新增圖片路徑的方法:首先新建html文件,在body標籤中插入img標籤;然後給img標籤添加「alt」屬性;最後img標籤中插入的圖片寬和高預設是圖片自身的寬和高。

html如何新增圖片路徑

本教學操作環境:windows10系統、html5版,DELL G3電腦,此方法適用於所有品牌電腦。

相關學習推薦:html教學

html新增圖片路徑的方法:

1、新html文件,如圖所示,在body標籤中插入img標籤,需要注意的是,img在html中沒有結束標籤,所以不需要加上「」。為標籤新增「src」屬性,屬性值填入想要新增圖片的路徑,這裡以和html同一目錄下的1.png為例,這樣圖片就插入完成了:

html如何新增圖片路徑

2、為了防止使用者瀏覽網頁時無法載入圖片,可以為img標籤新增「alt」屬性,這個屬性可以在圖片載入失敗時顯示出來以告訴使用者這裡是張什麼圖片,還可以在使用者將滑鼠放在圖片上是顯示提示訊息,這裡以屬性值「鸚鵡」為例:

html如何新增圖片路徑

3、img標籤中插入的圖片寬和高預設是圖片自身的寬和高,如果想要自訂寬和高的話,可以用“width”和“height”來控制,這裡以寬和高都是200為例,為width”和“height”設定屬性值為“ 200”:

html如何新增圖片路徑

以上是html如何新增圖片路徑的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板