当我在计算机上以文件形式查看HTML文档时，图像会正确显示，但在发布网站时，图像不会正确显示

代码：

当我在浏览器中将其作为文件打开时，我可以很好地看到图像。但是当我导航到发布的时，它丢失了，并且alt文本也不显示

---

我做错了什么？

尝试移除瓷砖并重新开始。实际上，波浪号“~”表示主目录。在url中放置瓷砖时，它将从主目录访问。因此，将图片放在macnaust/DevFolio/assets/img/文件夹中，然后将src更改为

<div class="about-img">
      <img src="https://ella.sice.indiana.edu/~macnaust/headshot.jpg" class="img-fluid rounded b- 
      shadow-a" alt="image not found">
</div>

---

试试这个：把你的代码改成如下：如果行得通的话，用谷歌搜索相对文件夹路径和绝对文件夹路径

  <img src="https://ella.sice.indiana.edu/macnaust/headshot.jpg" class="img-fluid 


网页中的实际URL是
https://ella.sice.indiana.edu/~macnaust/DevFolio/assets/img/headshot.JPG
这是404找不到的。对不起，我是HTML新手，我不知道你的意思。这是我应该拥有的图像源而不是我现在拥有的吗？这就是你现在拥有的。页面中的代码是
。请尝试将其更改为
，很抱歉打扰您--我确信这是一个非常简单的修复方法，我只是没有得到。当我打开括号时，您指示我将其更改为的代码就是为我显示的代码。你告诉我把它改成的是我已经有的代码，它对我不起作用。不确定我做错了什么。方括号只是一个代码编辑器——就像SublimiteText！不幸的是，这也不起作用。我的大学在“用户名”上为我们托管我们的网站，这就是为什么我有这样的网站。我无法想象为什么当我在浏览器中打开文件时会正确显示，但当我导航到live网站时却不会正确显示。。。对我来说很好。你所说的直播网站中没有显示的url是什么？我可以在现场告诉你。非常感谢！实时站点（无法显示图像）的URL为。如果你点击“关于”，你会看到我的姓名、个人资料、电子邮件和电话。图像应该显示在左边。下面是编译过程（服务器是如何看到的）您需要如何找到/assets/img/文件夹。我明白您的意思了——谢谢。我可以通过查看我的网页的来源看到这一点。对我来说真正奇怪的是，我已经多次修改了代码，这表明它在文件中成功地修改了，但在网页中没有。由于某些原因，live网页上的代码拒绝更新。我也进去了，把头像放在参考文件夹里，那也不行。有没有关于如何更新这个“卡住”代码的线索？你会想了解这两个代码之间的区别：而且，作为一般规则，最好使用图像的相对路径，链接。。。作为绝对路径，将打开与服务器的另一个连接。
 <div class="about-img">
       <img src="/macnaust/headshot.jpg" class="img-fluid            rounded b- 
  shadow-a" alt="image not found">
 </div>