如何在 HTML 中插入图片

如果我们要将图片插入到 HTML 文档中，以在网页上显示图片，我们需要遵循下面给出的步骤。通过这些步骤，我们可以轻松地在文档中添加或插入图片。

步骤 1： 首先，我们在任何文本编辑器中键入 HTML 代码，或者在文本编辑器中打开要插入图片的现有 HTML 文件。

步骤 2： 现在，将光标移到要插入图片的位置。然后，在该位置键入空的 <img> 标签。

步骤 3： 现在，我们需要添加图像标签的属性，其名称为“src”。因此，在 <img> 标签内键入 src 属性。

步骤 4： 之后，我们需要给出要插入的图片的路径。因此，在 src 属性中键入图片的路径。如果我们的图片存储在与 HTML 文件相同的目录中，则键入以下路径

<img src="filename.extension">

如果我们的图片存储在任何其他目录中，请键入该图片的正确路径，以便浏览器可以轻松读取图片，如下面的代码块所示。

如果我们的图片在互联网上，我们也可以使用 URL 添加图片，如下面的截图所示。

步骤 5： 之后，我们还可以使用两个不同的属性来设置图像的宽度和高度，如下面的代码块所示

步骤 6： 最后，我们必须在文本编辑器中保存以下 HTML 文件或 HTML 代码。 

上述代码的输出显示在下面的截图中