Design Code 設計密碼

圖像標籤（<img>）和源屬性（Src）

在HTML 中，圖像由<img> 標籤定義。

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

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

定義圖像的語法是：

<img src="url" />
	

瀏覽器將圖像顯示在文檔中圖像標籤出現的地方。

如果你將圖像標籤置於兩個段落之間，那麼瀏覽器會首先顯示第一個段落，然後顯示圖片，最後顯示第二段。

替換文本屬性（Alt）

alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。

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

在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。

此時，瀏覽器將顯示這個替代性的文本而不是圖像。

為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助於更好的顯示信息，

並且對於那些使用純文本瀏覽器的人來說是非常有用的。

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

假如某個HTML 文件包含十個圖像，那麼為了正確顯示這個頁面，需要加載11 個文件。

加載圖片是需要時間的，所以我們的建議是：慎用圖片。