ваша страница не найдена (HTML, bootstrap 4)

Question

Я все сделал правильно. используйте знак # перед идентификатором, чтобы ссылка на навигационную панель работала. почему появляется сообщение «Ваш файл не найден»? Я включу свои коды HTML:

<

!-- Nav Bar -->
      <nav class="navbar navbar-expand-lg navbar-dark ">
        <a class="navbar-brand" href="#">Van-tag</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a href=" nav-link" href="#footer"> Contact</a>
            </li>
            <li class="nav-item">
              <a href="nav-link" href="#pricing"> Pricing</a>
            </li>
            <li class="nav-item">
              <a href="nav-link" href="#cta"> Download</a>
            </li>
          </ul>
        </div>
      </nav>

Вот ссылка на мои полные коды HTML. может быть, это будет полезно. https://code.sololearn.com/WI5eJj8HKGqH/#html

Answer 1

Я не знаю, как настроен ваш сайт, но у вас есть несколько способов указать где-нибудь в ссылке:

1. абсолютно нормальная ссылка на другую страницу:

   <a href="https://www.example.com/myPage.html">Link Text</a>

Здесь вы указываете на свой домен и на страницу, которую хотите загрузить.

относительная ссылка на другую страницу:

<a href="myPage.html">Link Text</a>

Обратите внимание, что в этом случае файл mySite. html должен находиться в в той же папке, что и страница, с которой вы переходите по ссылке. В противном случае вам также необходимо указать путь (например, mysubfolder/myPage.html)

тег привязки:

<a href="#myAnchor">Link Text</a>

В этом случае вам понадобится привязка на той самой странице, на которой вы находитесь, чтобы ссылка знала, где перейти на. Подойдет любой тег id с правильным именем. <div id="myAnchor">Content</div>

смесь обоих

<a href="myPage.html#myAnchor">Link Text</a>

В этом случае файл myPage.html должен иметь <div id="myAnchor">Content</div>, чтобы ссылка могла найдите место, на которое он указывает.

Answer 2

, если вы хотите создать ссылку на go другую страницу, вы можете создать новый файл html первым и связать

<a href="newPage.html">Go new page<a/>

Вы можете создать «внутреннюю» ссылку на go раздел вашей страницы, связанный с атрибутом id, например:

<h3 id="#internalLink">Section to go</a>

<a href="currentPage.html/#internalLink">Go to section</a>

Эта ссылка может быть полезной Html Ссылки Гиперссылки

Answer 3

Чтобы создать ссылку на раздел вашей текущей страницы, вам необходимо удалить второй тег href

<li class="nav-item">
    <a href="#footer"> Contact</a>
</li>

Если вы хотите иметь несколько ссылок на один тег привязки, вы можете попробовать что-то вроде это:

{ ссылка }

Подробнее о тегах anchor можно узнать здесь:

{ ссылка }