建立影象

要將影象新增到頁面,請使用影象標記。

圖片標籤(img)沒有結束標籤。你給 img 標籤的兩個主要屬性是 src,影象源和 alt,它是描述影象的替代文字。

<img src="images/hello.png" alt="Hello World">

你還可以從 Web URL 獲取影象:

<img src="https://i.stack.imgur.com/ALgZi.jpg?s=48&g=1" alt="StackOverflow user Caleb Kleveter">

注意:影象在技術上不會插入 HTML 頁面,影象會連結到 HTML 頁面。<img> 標籤為參考影象建立一個保留空間。

也可以使用 base64 將影象直接嵌入頁面內:

<img src="data:image/png;base64,iVBOR..." alt="Hello World">

提示:要將影象連結到另一個文件,只需將 <img> 標記巢狀在 <a> 標記內。