将页面链接到导航栏

时间:2020-07-13 03:33:26

标签: html

我的项目遇到了问题,我的网站将有4页,并通过一个导航栏将它们链接在一起。我几乎每页都复制并粘贴了所有这些代码(因此它们将是相同的)。因此,我的主页有效,并且链接到其他页面也没有问题,但是当我尝试从非主页的任何页面返回时,它将无法工作。它说找不到页面或将保留在同一页面上。

<!---Home page ---working--->
<nav>
  <ul>
    <li><a href="# to word.html">Home</a></li>
    <li><a href="News.html">News</a></li>
    <li><a href="Contact.html">Contact</a></li>
    <li style="float: right"><a href="About.html">About</a></li>
  </ul>
</nav>

<!---News page---Not Working--->
<nav>
  <ul>
    <li><a href="# to word.html">Home</a></li>
    <li><a href="News.html">News</a></li>
    <li><a href="Contact.html">Contact</a></li>
    <li style="float: right"><a href="About.html">About</a></li>
  </ul>
</nav>

<!---Contact---Not Working--->
<nav>
  <ul>
    <li><a href="# to word.html">Home</a></li>
    <li><a href="News.html">News</a></li>
    <li><a href="Contact.html">Contact</a></li>
    <li style="float: right"><a href="About.html">About</a></li>
  </ul>
</nav>

<!----About----Not Working---->
<nav>
  <ul>
    <li><a href="# to word.html">Home</a></li>
    <li><a href="news.asp">News</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li style="float: right"><a class="block" href="About.html">About</a></li>
  </ul>
</nav>

1 个答案:

答案 0 :(得分:0)

您需要为About,Gallery等创建一个新的html页面。

然后您可以使用:

<a href="/SomeFolder/About.html">About Page</a>

导航到该页面。

请注意,/SomeFolder/About.html是您关于页面的路径。 /表示我们从根文件夹开始。

看看:https://www.w3schools.com/tags/att_a_href.asp