HTML - 未显示的图像和格式与我的Index.html不同

时间:2016-08-13 09:40:02

标签: html html5

我在加载我的另一页的图像和格式时遇到了麻烦,但是没有显示。我创建了一个文件夹(名为pages)并放入了我的page1.html文件。当我单击按钮重定向到我的page1.html时,图像没有显示,格式与我的index.html文件不同。但是当我将page1.html文件放在与我的index.html相同的文件夹上时,它工作正常,格式和图像是相同的。

1 个答案:

答案 0 :(得分:0)

原因是文件夹结构和代码中链接到图像的区域。

您需要将图像的链接调整为新的文件夹结构,如下所示:

如果在index.html中结构如下:

<img src="/img/image.png" />

然后在你的页面文件夹中

<img src="../img/image.png" />

&#34; ..&#34;表示返回一个文件夹。

如果你的样式表是带有&#34;格式&#34;你需要在你的

中应用相同的技术
<head><link rel="stylesheet" href="../stylesheet.css"></head>

正确的路径取决于您的文件夹结构。