HTML 網頁插入圖片少不了的 <img> 標籤，其中圖片網址就是透過 src 所置入，讓瀏覽器知道要顯示的圖片是哪一張，簡單來說 <img> 標籤告訴瀏覽器該處要插入圖片，而 src 則告訴瀏覽器圖片來源。

HTML img src 語法

<img src="要插入的圖片 URL" alt="圖片替代文字">

語法中的「要插入的圖片 URL」顧名思義就是圖片網址，而 alt 是圖片的替代文字，為非必填項目。

HTML img src 的運作方式是在網頁開啟的同時，將圖片從伺服器下載到開啟網頁的那台電腦瀏覽器記錄，接著透過瀏覽器將圖片顯示到螢幕上，所以在使用 img src 插入圖片前，必須確認圖檔可以正常顯示，避免網友會看到錯誤畫面。

延伸閱讀
HTML img 圖片標籤
HTML img alt 圖片替代文字
HTML img title 滑鼠移經顯示文字標示

您可能會想看

• HTML div 標籤
• 設計 HTML 圖片與圖片邊框間的距離
• DIV 區塊內文字與邊框的距離調整
• HTML TABLE 表格內的文字行高
• DIV 區塊內的文字行高設計
• 替 HTML button 按鈕增加背景圖片
• HTML img title 與 img alt 的差別
• 用 CSS 設計 HTML 表格欄位內文字靠下對齊
• 用 CSS 設計 HTML 表格欄位內文字靠上對齊
• HTML Table colspan 屬性

今日熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法

即時熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法