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

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

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

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

定義影象的語法是：

<img src="url" />

瀏覽器將影象顯示在文件中影象標籤出現的地方。如果你將影象標籤置於兩個段落之間，那麼瀏覽器會首先顯示第一個段落，然後顯示圖片，最後顯示第二段。

替換文字屬性（Alt）

alt 屬性用來為影象定義一串預備的可替換的文字。替換文字屬性的值是使用者定義的。

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

當瀏覽器無法載入影象時，替換文字屬性可告訴讀者他們失去的資訊。此時，瀏覽器將顯示這個替代性的文字而不是影象。

為頁面上的影象都加上替換文字屬性是個好習慣，這樣有助於更好的顯示資訊，並且對於那些使用純文字瀏覽器的人來說是非常有用的。

基本的注意事項 - 有用的提示：

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

更多例項

背景圖片

本例演示如何向 HTML 頁面新增背景圖片。

排列圖片

本例演示如何在文字中排列影象。

浮動影象

本例演示如何使圖片浮動至段落的左邊或右邊。

調整影象尺寸

本例演示如何將圖片調整到不同的尺寸。

為圖片顯示替換文字

本例演示如何為圖片顯示替換文字。在瀏覽器無法載入影象時，替換文字屬性告訴讀者們失去的資訊。為頁面上的影象都加上替換文字屬性是個好習慣。

製作影象連結

本例演示如何將影象作為一個連結使用。

建立影象對映

本例顯示如何建立帶有可供點選區域的影象地圖。其中的每個區域都是一個超級連結。

把影象轉換為影象對映

本例顯示如何把一幅普通的影象設定為影象對映。