0

我已经使用 Visual Studio Code（目前仅 HTML 和 CSS）创建了一个简单的页面，我已经设法在我的浏览器上使它看起来不错（这要归功于这里的一些查询的帮助）。

但是，当我推到 Giuthub 时，我错过了我的徽标（在页面上放置了两次）。我检查了语法、大小写等，并查看了这些线程以获得答案，但我我正在努力寻找解决办法。

这就是它的编写方式（在这种情况下，在导航栏部分） - 存储在我的 Mac 上：

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="#">
        <img src="/Users/**********/documents/Norfbeech Creates/tasq_logo_5.png" width="190" height="70" alt="" />
    </a>
</nav>

我还在页面底部添加了徽标图像，但它也不存在。

您认为保存图像的文件夹中的空间是否会通过空白空间影响？实际的图像文件没有空格，但 GitHub 会占用那个空间吗？

在项目文件夹（文档 - HTML、CSS、图像）中创建一个图像文件是个好主意吗？我今天将其发送给审查，这些图像对于页面的外观非常重要。

我确实简要地阅读了一些有关编码图像的内容，但是当我昨晚注销时已经很晚了。

非常感谢。

4

1 回答 1

0

问题是您引用了错误的路径。

现在您已经插入了图像的绝对位置，因为它保存在您的硬盘上。当您将代码推送到外部服务器上时，这将不起作用。

您需要放置图像的相对路径：假设您有以下结构：

 - src
  - img/tasq_logo_5.png
  - index.html

在您的 index.html 中，您希望按如下方式引用图像：

<img src="./img/tasq_logo_5.png" />
于 2019-10-14T07:34:59.767 回答