在HTML文件中加入圖片，可以在想置入圖片的地方使用img標籤。

＜img＞是單一元素，它不用開頭和結尾標籤，單獨一個＜img＞即可，我們稱這樣的標籤為空元素(empty element)。

其語法格式如下：

＜img src=〝圖檔的位置〞height=〝高度〞 width=〝寬 度〞alt=〝圖片的文字描述〞＞

• 屬性名稱 src：
  是sourcefile的簡稱 表示圖片檔的檔名、路徑
• 屬性名稱 alt：
  是alternative text的簡稱 表示圖片的說明文字
• 用 height=〝高度〞和 width=〝寬度〞屬性，指定圖片大小

例如：現在要在網頁放上一張圖片，HTML可以這麼寫：

而這邊必須說明一下，一個點點是指當前的資料夾
所以既然這張圖片和我的html是同一層 所以我就使用./舒芙蕾.jpg來找到這張圖片。
程式執行後的網頁內容將會是：

值得一提的是，src屬性必須要有圖片的副檔名，若是沒有副檔名圖片是無法顯示出來的。

可用於網頁的圖檔格式:
目前瀏覽器支援的圖形檔種類主要有以下三種：

• JPEG

  與jpg是相同的意思，是一般數位相機、手機照相預設的檔案格式。特點是支援全彩，且支援極高的壓 縮比，可將檔案壓縮得很小，因此很適合在網路上使用。

• GIF

  最多只能支援256色，可插入多個影格產生動畫效果。較適合用於示意圖、說明圖等，不適合一般相片。

• PNG

  同樣支援全彩，採非破壞式的壓縮技術，因此圖片不會失真，圖片品質比jpeg好，但檔案較大，可支援像 GIF一樣的動畫功能。