如何将我的html文件链接到我的其他文件夹中的文件?

时间:2017-11-29 20:28:20

标签: html css

我试图通过将文件分类到文件夹中来整理文件。我用谷歌搜索了如何链接它们,我无法让它工作。谢谢你回答!

<!DOCTYPE html>
 <html lang="en">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

   <title>Conspiracy Theories</title>
  </head>

<body>
 <div id="page">
    <div class="topNaviagationLink"></div>
    <div class="topNaviagationLink"><a href="index.html">Home</a></div>
    <div class="topNaviagationLinkCon"><a 
    href="conspiracies.html">Conspiracies</a></div>
    <div class="topNaviagationLink"><a href="fact.html">Facts</a></div>

  </body>
</html>

这是我的一个页面的一部分。

body {
margin: 0;
padding: 0;
text-align: left;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, 
serif;
font-size: 13px;
color: #000000;
background: #000000 url(background.png);
background-repeat:repeat-x;
}
*
{
margin: 0 auto 0 auto;
text-align:left;}

#page
{
display: block; 
height:auto;
position: relative; 
overflow: hidden; 
width: 670px;
}

这是我此页面的CSS的一部分

我的文件夹树是

  1. 的CSS
    • conspiracies.css
  2. conspiracies.html
  3. 的index.html
  4. 我有更多文件和更多文件夹,但这些是我需要的唯一文件。我读过的所有内容都表明这应该有效,但事实并非......

1 个答案:

答案 0 :(得分:0)

您想要链接来自不同文件夹的其他HTML文件吗?还是CSS?除了您使用已有的<link>标记外,它也是相同的。

如果您使用的是服务器技术,可以尝试使用根目录:

<a href="/path/to/file">Text</a>

如果需要,您也可以在目录中找到:

<a href="../path/to/file">Text</a>

所以,例如,你有这个文件结构:

-root
---public
-----index.html
-----styles
-------styles.css
-----pages
-------page1.html
-------page2.html

要从page1.html链接page2.htmlindex.html,您只需要这样做:

<a href="pages/page1.html">Text</a>

但要从index.html链接page1.html,您需要进入目录:

<a href="../index.html">Text</a>

希望这有帮助。

如果您仍然不明白,请告诉我们您的文件结构,以便我可以帮助您。