使用标簽定義 HTML 頁面中的圖像,圖像标簽有兩個必需的屬性：源屬性src和alt，是空标簽，意思是說，它隻包含屬性，并且沒有閉合标簽。要在頁面上顯示圖像，你需要使用源屬性(src)。src指 "source"。源屬性的值是圖像的 URL 位址。
1 定義圖像的文法是：2
URL 指存儲圖像的位置。如果名為 "boat.gif" 的圖像位于 www.w3cschool.cn 的 images 目錄中，那麼其 URL 為 //www.w3cschool.cn/images/boat.gif。
浏覽器将圖像顯示在文檔中圖像标簽出現的地方。如果你将圖像标簽置于兩個段落之間，那麼浏覽器會首先顯示第一個段落，然後顯示圖檔，最後顯示第二段。
HTML 圖像- Alt屬性：用來為圖像定義一串預備的可替換的文本，替換文本屬性的值是使用者定義的，在浏覽器無法載入圖像時，替換文本屬性告訴讀者他們失去的資訊。此時，浏覽器将顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助于更好的顯示資訊，并且對于那些使用純文字浏覽器的人來說是非常有用的。
HTML 圖像- 設定圖像的高度與寬度，height(高度)與width(寬度)屬性用于設定圖像的高度與寬度。您可以在程式設計測試中調整一張圖像的大小，屬性值預設機關為像素/指定圖像的高度和寬度的一個很好的習慣。如果圖像指定了高度寬度，頁面加載時就會保留指定的尺寸。如果沒有指定圖檔的大小，加載頁面時有可能會破壞HTML頁面的整體布局。
1
設定圖像邊框：在标簽中您可以使用border屬性以像素為機關指定邊框粗細。厚度為 0 表示圖檔周圍沒有邊框。
1
設定圖像對齊：預設情況下，圖像在頁面中将顯示為左側對齊，在标簽中您可以使用align屬性将設定圖像的對齊方式：center(居中)或right(右側)。
1
Tips：假如某個 HTML 檔案包含十個圖像，那麼為了正确顯示這個頁面，需要加載 11 個檔案。加載圖檔是需要時間的，建議是慎用圖檔；其次加載頁面時，要注意插入頁面圖像的路徑，如果不能正确設定圖像的位置，浏覽器無法加載圖檔，圖像标簽就會顯示一個破碎的圖檔。