HTML文档无法识别图像文件夹

Question

我有一个网页，可以从images文件夹中的htdocs文件夹中抓取多张图片，但它们始终会显示损坏的链接图标。

这是我htdocs文件夹中的层次结构：

index.html
style
    site.css
scripts
    site.js
images
    testing.png
    ...

我不认为CSS和Javascript很好，但图片无法加载

以下是一些代码：

这些工作：

<script type="text/javascript" src="scripts/comic.js"></script>
<link rel="stylesheet" href="styles/comic.css"/>

但这不是：

<img id="img-0" src="images/testing.png"/>

Answer 1

您必须使用“../”返回目录，这就是它们被破坏的原因。

Answer 2

从index.html链接应该是：src='images/.....'

从css开始，您应该使用：url(../images/.....)在搜索images目录之前返回根文件夹

Answer 3

我认为文件夹目录存在问题。 如果您的情况如此

index.html
style
    site.css
scripts
    site.js
images
    img1.png
    img2.png

然后你必须使用它（来自index.html）：

src="images/img1.png"

如果您遇到这种情况：

index.html
style
    site.css
scripts
    site.js
img1.png
img2.png

然后你必须使用它（来自index.html）：

src="img1.png"

如果您遇到这种情况：

    index.html
    style
        site.css
    scripts
        site.js
img1.png
img2.png

然后你必须使用它（来自index.html）：

src="../img1.png"