【问题标题】:Images not showing on website图片未在网站上显示
【发布时间】:2017-11-20 20:49:28
【问题描述】:

所以我是第一次制作网站。我试图在上面放一些图像以通过 Cyber​​duck 进行测试。但是,它不起作用。 这是我的代码:

<!DOCTYPE html>
<html>
<head>
<title>Test site</title>
</head>
<body>

<h1>Test</h1>
<p>Test</p>
<img src=“../img/test.png” />
<img src=“../img/tenor.gif”></img>

</body>
</html>

我的图像存储在 img 文件夹中: printscreen directory 我已经检查过不区分大小写。

我已将图像放在 img 文件夹中,我可以通过路径访问图像。但是,我没有看到它们(在 Chrome 中)或者我看到它们已损坏(在 Safari 中)。

有人知道怎么解决吗?

【问题讨论】:

  • 使用./ 代替../ 或删除../
  • 还要确保你的引号是 " 而不是 mac 的智能引号。

标签: html image


【解决方案1】:

这应该是一条评论。 尝试在项目目录中运行服务器。 但可能的问题可能包括: 文件扩展名不正确。 路径不正确。而不是".../" 使用"/"

【讨论】:

    【解决方案2】:

    我的问题的答案来自 keja。非常感谢!

    我显然使用了错误的引号。图像现在可以工作,所以问题解决了!

    【讨论】:

      猜你喜欢
      • 2015-12-16
      • 2017-07-30
      • 2015-12-13
      • 2016-10-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-20
      相关资源
      最近更新 更多