在浏览器中打开HTML文件时如何包含文件夹？_Html_Css_Browser

在浏览器中打开HTML文件时如何包含文件夹？

html css browser

在浏览器中打开HTML文件时如何包含文件夹？,html,css,browser,Html,Css,Browser,我使用的是最新版本的Chrome 我第一次尝试外部CSS和图像，继承人制度的工作原理如下： >parent folder -index.html (html file uploaded) >images -file1.jpeg -file2.jpeg >css -styles.css (css file) 当我去测试我写的东西时，尽管使用了正确的链接href=“css/styles.css”和img src=“images/file1.jpeg”标记，但它

我使用的是最新版本的Chrome

我第一次尝试外部CSS和图像，继承人制度的工作原理如下：

>parent folder
 -index.html (html file uploaded)
 >images
  -file1.jpeg 
  -file2.jpeg
 >css
  -styles.css (css file)

当我去测试我写的东西时，尽管使用了正确的

链接href=“css/styles.css”

和

img src=“images/file1.jpeg”

标记，但它只显示带有普通html的index.html文件夹。在测试网站工作时，如何包含这些外部文件夹

这是索引页的标题部分

 <head>
 <title>West Coast Emirates</title>
 <meta name ="description" content = "A look at Arsenal's 12/13 season in the   Barclay's Premier League"/>
 <link href="css/styles.css" type="text/css" rel="stylesheet"/>
 </head>


西海岸酋长国

我在浏览器中打开html文件，没有服务器或任何东西，只有文字处理器和chrome

如果您粘贴index.html的头部分，这将非常有用。您还应该使用chrome中的开发者工具来查看控制台中是否有任何错误。我也有点好奇您所做的事情：您是否已将页面上载到网站，但未上载文件夹？或者你在浏览器中打开html文件时，图像没有显示？我们肯定需要更多信息。对于您的问题，这可能是一个非常简单的解决方案，但是如果没有更多的上下文，我们就无能为力。我很好奇您是否应该使用从站点根目录读取的链接，而不是使用“link href=“css/styles.css”（从您所在的目录读取）使用“link href=”/css/styles.css”'从您网站的基础读取。您是否实际将css文件部署到服务器？您可以浏览到styles.css文件并获取内容吗？