图像不显示在 HTML 文件中

Question

我将文件上传到 BlueHost 文件管理器，上传了 index.html 文件，并在 public_html 文件夹中创建了相关文件夹。但是，当我加载我的网站时，我的图像根本不会显示。

我尝试复制“文档”根目录，并将其添加到我的index.html中，如下所示：

<img src="~/public_html/assets/images/Olivias-birthdayparty-invite.png" height="500">, 

但在加载我的网站时，我仍然收到损坏的图像图标。

任何对此的帮助将不胜感激！注意：这里完全是初学者。刚开始学习。

Answer 1

我注意到您在 public_html 中创建了相关文件夹。这是正确的做法，但完成此操作后，您必须确保您的图像标签引用正确文件夹中的图像。

例如，如果您将图像放置在一个类似于

public_html/images/bird.jpg

的文件夹中，那么您的图像标签应该从 index.html 文档的角度引用该图像:

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

甚至只是

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

通常会起作用。