HTML 创建图像

示例

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

图像标签(img)没有结束标签。赋予img标签的两个主要属性是src,图片来源和alt,它们是描述图片的替代文字。

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

您还可以从Web URL获取图像:

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

注意:从技术上讲,图像不是插入HTML页面中的,图像链接到HTML页面。该<img>标签创建了被引用的图像的容纳空间。

也可以使用base64将图像直接嵌入页面内:

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

提示:要将图像链接到另一个文档,只需将<img>标签嵌套在标签内<a>即可。