HTML img標籤用於在網頁上顯示圖像。HTML img標籤是一個空標籤，僅包含屬性，HTML圖像元素中沒有結束標籤。
src和alt是HTML img標籤的重要屬性，HTML圖像標籤有以下4個屬性。
1、Src屬性
它是描述圖像源或路徑的必要屬性，它告知瀏覽器在伺服器上的什麼地方尋找圖像。圖像的位置可能在同一目錄或另一臺伺服器上。
2、Alt屬性
alt屬性為圖像定義了替代文本，當圖片無法顯示時展示圖像的文字描述。通常認為alt屬性對提升SEO效果有一定作用。
3、Width屬性
這是一個可選屬性，用於指定顯示圖像的寬度，現在不建議使用。我們通常使用CSS代替width屬性。
4、Height屬性
height屬性定義圖像的高度。HTML height屬性還支持iframe、image、和object元素，現在不建議使用。我們通常使用CSS代替height屬性。
圖像標籤的源屬性（Src）
在 HTML 中，圖像由 標籤定義。 是個空標籤，它只包含屬性，並且沒有閉合標籤。
要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 「source」。源屬性的值是圖像的 URL 地址。
語法格式
URL 指存儲圖像的位置。如果名為 「earth.jpg」 的圖像位於 www.runoon.com 的 img 目錄中，那麼其 URL 為 http://www.runoon.com/img/earth.jpg。
瀏覽器將圖像顯示在文檔中圖像標籤出現的地方。如果你將圖像標籤置於兩個段落之間，那麼瀏覽器會首先顯示第一個段落，然後顯示圖片，最後顯示第二段。
圖像示例
效果展示：
點擊下方「閱讀原文」可親試效果
圖像標籤的Alt屬性
alt 屬性用來為圖像定義一串預備的可替換的文本。
替換文本屬性的值是用戶定義的。
效果展示：
在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助於更好的顯示信息，並且對於那些使用純文本瀏覽器的人來說是非常有用的。
圖像標籤的高度與寬度
height（高度） 與 width（寬度）屬性用於設置圖像的高度與寬度。
屬性值默認單位為像素:
效果展示：
提示: 指定圖像的高度和寬度是一個很好的習慣。如果圖像指定了高度寬度，頁面加載時就會保留指定的尺寸。如果沒有指定圖片的大小，加載頁面時有可能會破壞HTML頁面的整體布局。
HTML 圖像標籤列表