Связывание страниц с панелью навигации - PullRequest
1 голос
/ 13 июля 2020

У меня проблема с моим проектом, на моем веб-сайте будет 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 голосов
/ 13 июля 2020

Вам необходимо создать новую html страницу для «О нас», «Галерея» и т. Д. c.

Затем вы можете использовать:

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

для перехода на эту страницу.

Обратите внимание, что /SomeFolder/About.html - это ваш путь к странице. / означает, что мы начинаем с папки root.

Посмотрите: https://www.w3schools.com/tags/att_a_href.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...