创建图像

要将图像添加到页面,请使用图像标记。

图片标签(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> 标记内。