Página de documentación técnica - Construye una página de documentación técnica

No logro pasar el punto donde dice: * Falló:Cada .nav-link debe tener un atributo href que enlace a su correspondiente .main-section (por ejemplo, si haces clic en un elemento .nav-link que contenga el texto “Hello world”, la pagina navega al elemento section con ese id). porfa AYUDAAAAA

Tu código hasta el momento

ADVERTENCIA

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Proyecto practico</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main-doc">
      <nav id="navbar">
        <header>JS Documentation</header>
        <a class="nav-link" href="Introduction">Introduction</a>
        <a class="nav-link" href="What_you_should_already_know">What you should already know</a>
        <a class="nav-link" href="JavaScript_and_Java">JavaScript and Java</a>
        <a class="nav-link" href="Hello_world">Hello world</a>
        <a class="nav-link" href="Variables">Variables</a>
        <a class="nav-link" href="Declaring_variables">Declaring variables</a>
        <a class="nav-link" href="Variable_scope">Variable scope</a>
        <a class="nav-link" href="Global_variables">Global variables</a>
        <a class="nav-link" href="Constants">Constants</a>
        <a class="nav-link" href="Data_types">Data types</a>
        <a class="nav-link" href="If_else_statement">If else statement</a>
        <a class="nav-link" href="While_statement">While statement</a>
        <a class="nav-link" href="Function_declarations">Function declarations</a>
        <a class="nav-link" href="Reference">Reference</a>
</nav>
      <section class="main-section" id="Introduction">
        <header>Introduction</header>
        <p>
          <ul>
            <li></li>
            <li></li>
          </ul>
        </p>
      </section>
      <section class="main-section" id="What_you_should_already_know">
        <header>What you should already know</header>
        <p>
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </p>
      </section>
      <section class="main-section" id="JavaScript_and_Java">
        <header>JavaScript and Java</header>
        <p>

        </p>
      </section>
      <section class="main-section" id="Hello_world">
        <header>Hello world</header>
        <p>
          <code></code>
        </p>
      </section>
      <section class="main-section" id="Variables">
        <header>Variables</header>
        <p>
          <code></code>
        </p>
      </section>
      <section class="main-section" id="Declaring_variables">
        <header>Declaring variables</header>
        <p>
          <code></code>
        </p>
      </section>
      <section class="main-section" id="Variable_scope">
        <header>Variable scope</header>
        <p>
          <code></code>
        </p>
      </section>
      <section class="main-section" id="Global_variables">
        <header>Global variables</header>
        <p>
          <code></code>
        </p>
      </section>
      <section class="main-section" id="Constants">
        <header>Constants</header>
        <p>

        </p>
      </section>
      <section class="main-section" id="Data_types">
        <header>Data types</header>
        <p>
          <ul>
            <li></li>
            <li></li>
          </ul>
        </p>
      </section>
      <section class="main-section" id="If_else_statement">
        <header>If else statement</header>
        
        <p></p>
      </section>
      <section class="main-section" id="While_statement">
        <header>While statement</header>
        <p>

        </p>
      </section>
      <section class="main-section" id="Function_declarations">
        <header>Function declarations</header>
        <p>

        </p>
      </section>
      <section class="main-section" id="Reference">
        <header>Reference</header>
        <p>

        </p>
      </section>
    </main>

  </body>
</html>

El código semilla del desafío y/o tu solución excedió la longitud máxima que podemos transferir del desafío.

Tendrás que dar un paso adicional aquí para que el código que escribiste se presente en un formato fácil de leer.

Por favor, copia/pega todo el código del editor que se muestra en el desafío desde el que acabas de enlazar.

Reemplaza estas dos oraciones con tu código copiado.
Por favor, deja la línea ``` arriba y la línea ``` abajo,
porque permiten que tu código formatee correctamente en el post.

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Desafío: Página de documentación técnica - Construye una página de documentación técnica

Enlaza al desafío:

Hola Caro!
Fijate que tus links, los elmentos <a>, en su atributo href hacen referencia a una direccion web comunmente. En este caso lo que buscas es hacer referencia a un elemento dentro de tu propia pagina mediante el uso del id del mismo.
¿Como soles hacer referencia a id's en CSS por ejemplo? Trata de usar la misma sintaxis.

1 Like

Un millón de gracias Sergio Yunsuk Lee ! lo pude solucionar, saludos! :slight_smile:

1 Like