图片

img 标签用于在 HTML 文档中放置图片，它看起来是这样的：

<img src="https://htmldog.cn/badge1.gif" width="120" height="90" alt="HTML Dog">

src 属性告诉浏览器在哪里可以找到图片。与 a 标签一样，它可以是绝对路径，如上面的示例所示，但通常是相对路径。例如，如果您创建了自己的图片并将其保存为“alienpie.jpg”，并放在名为“images”的目录中，那么代码将是 <img src="images/alienpie.jpg"...。

width 和 height 属性是必需的，因为如果省略它们，浏览器会在图片加载时计算其大小，而不是在页面加载时计算，这意味着在页面加载过程中，文档的布局可能会跳动。

alt 属性是替代描述。这是无障碍方面的考虑，为无法看到图片的用户（例如，有视觉障碍的用户）提供有意义的信息。

请注意，与 br 标签一样，由于 img 元素不包含任何内容，因此不需要闭合标签。