建立影象
要將影象新增到頁面,請使用影象標記。
圖片標籤(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>
標記內。