Question

我将图像保存到我的计算机中，名为＆＃34; images＆＃34;然后尝试使用img标记（<img src="images/app.png" alt="problem">）将其添加到html页面。

当我这样做时，它找不到图像，而是发布替代文字。当我尝试使用来自互联网的图像时，它工作正常，但当我尝试参考保存在我的计算机上的图像时，它不起作用。只有我能想到的潜在问题是我的计算机上有超过1个名为images的文件夹，或者我需要在src中添加更多内容（images文件夹位于文档文件夹中的另一个文件夹中）。任何人都知道我做错了什么？

Answer 1

一个好的做法是为每个网站制作一个文件夹。在该文件夹中，您将.html文件与img，js和css文件夹一起放入。在img文件夹中，您可以将图像，css放在css文件夹中，将javascript放在js文件夹中。

所以你的文件树看起来像这样

您的网站 - index.html - img - picture.jpg

和你的img标签一样：

<img  src="img/mypicture.jpg" alt="My picture" />

Answer 2

如果文件结构是这样的

|->webpage.html
|->images
      |->my_image.jpg

您的HTML就像这样

<img src="images/my_image.jpg">

如果网页在文件夹中

|->myhtmlfiles
       |->webpage.html
|->images
      |->my_image.jpg

代码就像

<img src="../images/my_image.jpg">

如何将图像添加到HTML文件？

2 个答案: