在 HTML 中，你可以使用 标签将图像添加到网站。它是一个内联元素，它不会从新行开始，也没有结束标记（例如段落标记

就需要结束标记）。

标签有几个属性，其中 src、height、width 和 alt 是最重要的。

了解 标签的用法以及一些最佳实践很重要，因为图像会对网站的加载时间和 SEO 产生影响。

因此，在本教程中，我们将了解如何使用 标签向网站添加图像、如何使用其属性、一些最佳实践以及现代使用方法。

以下是向 HTML 中添加 标签的基本语法：

现在让我们谈谈它的属性以及它们是如何工作的。

src 属性表示图像源。没有它，标签本身在现实世界中将无法使用。

它向浏览器指示在哪里可以找到图像。因此，如果图像在本地托管，则采用相对路径，如果图像在线托管，则采用绝对 URL。

alt 属性指定图像的替代文本，例如，这可能是在网络故障期间显示的文本。或者它可以在错误指定图像源时显示某些内容，以便用户知道图像是关于什么的。

在下面的代码片段中，错误地指定了图像源，向你展示了 alt 属性所起的作用：

这是使图像水平和垂直居中的 CSS：

运行结果是这样的：

alt 属性非常重要，还有两个原因：

你可以使用这些属性为图像指定特定的宽度和高度。使用这些属性，你可以向下或向上调整图像大小。

但是，理想情况下，你不应使用这些属性调整图像的大小。我们将在最佳实践中对此进行