为什么我的HTML页面可以在本地正确打开,而不能在服务器上正确打开?

时间:2019-05-23 23:17:42

标签: html css

我创建了一系列HTML文件,这些文件都使用相同的CSS样式表进行样式设置,需要将它们放置在学校服务器上。我在图像文件夹中也有图像,其结构如下所示:

public_html
 |
 +-- index.html
 |    
 +-- css
 |  |  
 |  +-- site.css
 |    
 +-- project1
 |  |  
 |  +-- index.html
 |  +-- account.html
 |  +-- schedule.html
 |  +-- images
 |      |
 |      +-- gargs.PNG

我首先在我的本地计算机上创建了所有这些文件,然后在这里一切正常。 我的schedule.html文件具有以下内容供CSS参考:

<link href="../css/site.css" rel="stylesheet" type="text/css">

它在本地运行良好,但是我需要将它放在学校的服务器上,但是当我从filezilla打开它时,没有任何图像或样式。 public_html/project1/index.html文件具有以下图像参考:

<image src="images/gargs.PNG" title="Axolotl" alt="My axolotl" width="300" height="400">

我可以肯定它是因为我没有正确使用相对路径,但是您发现它有什么问题吗? 预先感谢!

** edit:我也尝试过使用此图像(我想也许如果我从根开始也可以)<image src="/public_html/project1/images/gargs.PNG" title="Axolotl" alt="My axolotl" width="300" height="400">

1 个答案:

答案 0 :(得分:1)

应该是

<link href="../../css/site.css" rel="stylesheet" type="text/css">

(在进入css文件夹之前,您需要上* 2 *级)