在HTML中插入圖片的方法有：直接在html程式碼上插入、在CSS樣式中插入、在JavaScript中透過給img設定src值來插入圖片、innerHTML插入img屬性來插入圖片
#如果一個頁面中僅有文字會顯得很單調，枯燥乏味，但是當我們添加了一些圖片在上面時會顯得好看多了，今天將向大家介紹如何在HTML頁面上插入圖片。
【推薦課程：HTML課程#、JavaScript課程】
在HTML頁面中插入圖片需要用到html中的標籤
<img src="" alt="">
img代表「圖像」,它是圖像在頁面上顯示。
src代表「來源」它告訴瀏覽器去哪裡找圖像，在寫程式碼的時候最好將圖片放置在一個資料夾下保存，透過這樣的方式可以透過名稱前面的子目錄名稱來呼叫圖片
alt代表「文字」告訴瀏覽器如果找不到圖像，就只顯示該文本，或者將滑鼠懸停在圖像上就會彈出設定的文字
Web的圖像格式
.gif：是一種簡單的格式，由一系列彩色圖片元素或點，排列成一幅圖片，是動圖
.png：與gif格式類似但它具有部分透明度選項，只支援無損壓縮。
.JPEG：JPEG格式是目前網路上最受歡迎的圖片格式，是可以把檔案壓縮到最小的格式
HTML插入圖片方法
直接在html程式碼內插入圖片
rrreee效果圖：
#在CSS樣式中插入圖片
rrreee效果圖：
利用JavaScript語言插入圖片
rrreee效果圖：
innerHTML方法插入圖片
<img src="images/1.jpg">
效果圖：
總結：以上就是這篇文章的全部內容了，希望對大家學習有所幫助。
以上是如何在HTML上插入圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！
