Я изучаю HTML, и я не понимаю, как работает HREF

Question

Хорошо, я сейчас изучаю HTML и скоро CSS.В моем html-кодировании у меня есть такой раздел для навигации:

<div id="header">
<h1>Guild Wars 2 Fanbase</h1>
<ol id="navigation">
    <li><a href="/">Home</a></li>
    <li><a href="/facts">Facts</a></li>
    <li><a href="/gallery">Gallery</a></li>
    <li><a href="/code">Coding</a>
        <ul><li><a href="/code/line">Lines</a></li>
            <li><a href="/code/comment">Comment Lines</a></li>
    </ul>
    </li>
</ol></div>

Теперь, когда я открываю этот .html-файл, все это выглядит так, как я хочу, чтобы он тоже выглядел (разметка),У меня такой вопрос: когда я нажимаю на ссылку на этом сайте (этот сайт и есть этот код), я получаю сообщение об ошибке, в котором говорится, что эта веб-страница не найдена, но, конечно,.Но как мне его создать, чтобы веб-страницы работали вместе?Я не уверен, как правильно это сформулировать.Например, я создаю другой файл .html в той же директории, чтобы когда-нибудь щелкнуть ссылку, которую он читает из второго файла .html?

Если вы не уверены, что я спрашиваю, просто дайте мне знать, и я постараюсь быть более конкретным.Спасибо за вашу помощь (:

извините за мои ошибки в грамматике, не лучшие в мире в английском, стараюсь изо всех сил (:

Answer 1

Как упомянуто @Craig T, ваши ссылки должны указывать на другую страницу.

<li><a href="/">Home</a></li>
<li><a href="/facts">Facts</a></li>

Они относятся к вашему существующему веб-сайту, где '/' - самая верхняя страница. «Факты» на самом деле ссылаются на каталог, называемый «факты» относительно «/»

.

Однако им не нужно указывать только на другую HTML-страницу. Они также могут указывать на другой сайт.

, например

<li><a href="http://www.example.com">Links</a></li>

Или конкретная страница на другом сайте:

<li><a href="http://www.example.com/somepath/something.html">Something</a></li>

В html-коде вы указали URL-адрес для каталогов. Если конкретный файл или ресурс не предоставлен, т.е. он не заканчивается чем-то вроде /page/yourpage.html, тогда веб-сервер должен решить, как с ним обращаться. У них обычно есть правила, чтобы определить это. например веб-сервер apache часто настроен на возврат файла index.html в запрошенном каталоге.

Итак, эти:

<li><a href="/">Home</a></li>
    <li><a href="/facts">Facts</a></li>
    <li><a href="/gallery">Gallery</a></li>
    <li><a href="/code">Coding</a>
        <ul><li><a href="/code/line">Lines</a></li>
            <li><a href="/code/comment">Comment Lines</a></li>

эквивалентны этим:

<li><a href="/index.html">Home</a></li>
    <li><a href="/facts/index.html">Facts</a></li>
    <li><a href="/gallery/index.html">Gallery</a></li>
    <li><a href="/code/index.html">Coding</a>
        <ul><li><a href="/code/line/index.html">Lines</a></li>
                <li><a href="/code/comment/index.html">Comment Lines</a></li>

В некоторых настройках вместо default.html это index.php или index.asp.

На самом деле большинство идет в порядке приоритета.

например. сначала попробуйте index.php, а если нет, попробуйте index.html

Надеюсь, это понятно.

Answer 2

В контексте этого вопроса ваши ссылки должны указывать на другую html-страницу.Например:

<li><a href="/facts.html">Facts</a></li>

Вам потребуется создать страницу facts.html в корневом каталоге вашего сайта.

Answer 3

Вот потрясающая ссылка, которую кто-то дал мне однажды, об URL: http://www.skorks.com/2010/05/what-every-developer-should-know-about-urls/

- упс должен был быть комментарием, извините: P