HTML 影象- 影象標籤（ <img>）和源屬性（Src）

在 HTML 中，影象由<img> 標籤定義。

<img> 是空標籤，意思是說，它只包含屬性，並且沒有閉合標籤。

要在頁面上顯示影象，你需要使用源屬性（src）。src 指 "source"。源屬性的值是影象的 URL 地址。

語法：

<img src="url" alt="some_text">

URL為影象的位置，一個很不錯的上傳影象自動得到URL的平臺：聚合圖床

HTML影象-Alt屬性

alt屬性用來為影象定義一串預備的可替換的文字。當瀏覽器無法顯示圖片時，替換屬性可讓讀者看到失去的相關資訊。

替換文字屬性的值是使用者定義的

<img src="boat.gif" alt="Big Boat">

HTML影象-設定影象的高度與寬度

height（高度）與 width（寬度）屬性用於設定影象的高度與寬度。

不設定圖片的寬度/高度可能會破壞HTMLE頁面的整體佈局

屬性值預設單位為畫素

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

注意事項

注意：假如某個 HTML 檔案包含十個影象，那麼為了正確顯示這個頁面，需要載入 11 個檔案。載入圖片是需要時間的，所以我們的建議是：慎用圖片。

注意：載入頁面時，要注意插入頁面影象的路徑，如果不能正確設定影象的位置，瀏覽器無法載入圖片，影象標籤就會顯示一個破碎的圖片。

HTML 影象標籤

參考：菜鳥教程