Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

My code get’s error at test nº17. I read it 50 times. There are the same number of “a” and “section”. The href has #. The indentation is ok. The id’s at “section” is ok, and the same as the href, and the . I’m crazy, and thinking about surrender.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Documentación técnica</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=decive-width, initial-scale=1.0">
    <meta name="description" content="Documentación técnica sobre calderas">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <nav id="navbar">
      <header>
        <h1>Calderas</h1>
      </header>
      <ul>
        <li><a class="nav-ĺink" href="#Quemador">Quemador</a></li> 
        <li><a class="nav-link" href="#Deposito">Deposito</a></li>
        <li><a class="nav-link" href="#Hogar">Hogar</a></li>
        <li><a class="nav-link" href="#Bombas_Valvuleria_Sondas">Bombas Valvuleria Sondas</a></li>
        <li><a class="nav-link" href="#Regulacion_y_control">Regulacion y control</a></li>
      </ul>
    </nav>
    <main id="main-doc">
      <section class="main-section" id="Quemador">
        <header>Quemador</header>
        <p>El productor de calorías. <code>var=product</code></p>
        <p>Recibe el gasoil del depósito y, mediante una mezvla de oxígeno y una chispa, provoca la reacción oxidativa rápida que genera el calor a aprovechar. Tipos de quemadores:</p>
        <ul>
          <li>Atmosféricos</li>
          <li>Estancos</li>
        </ul>
      </section>
      <section class="main-section" id="Deposito">
        <header>Deposito</header>
        <p>Aquí se almacena el combustible.</p>
        <p>Si la distancia al quemador excede de la capacidad de vacío de la bomba de gasoil <code>var ¡=max-distance</code>, requerirá de un grupo de presión.</p>
      </section>
      <section class="main-section" id="Hogar">
        <header>Hogar</header>
        <p>Recibe la llama y el calor <code>var=calor</code>, transmitiéndolo al agua que alberga en su interior.</p>
        <p>Necesita materiales resistentes al caor y la corrosión química. Ejemplos de materiales:</p>
        <ul>
          <li>Hierro fundido</li>
          <li>Acero Inox</li>
        </ul>
      </section>
      <section class="main-section" id="Bombas_Valvuleria_Sondas">
        <header>Bombas Valvuleria Sondas</header>
        <p>Los sentidos del sistema <code>var=sense</code></p>
        <p>El agua caliente del hogar debe ser distribuido por el cirtuito hidráulico, derivado allá donde sea necesario y medido en sus características de calor, presión, etc.</p>
      </section>
      <section class="main-section" id="Regulacion_y_control">
        <header>Regulacion y control</header>
        <p>Por último, tenemos los instrumentos de encendido, apagado, control y regulación de las variables sensibles (<code>var=temperatura ambiente</code>)</p>
        <p>Estos son los terminales que el usuario va a poder operar de forma normal. Ejemplos:</p>
        <ul>
          <li>Termostato digital</li>
          <li>Programador</li>
      </section>
    </main>
  </body>
</html> 

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:133.0) Gecko/20100101 Firefox/133.0

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Validate your code with something like Ready to check - Nu Html Checker

pay attention specifically to Errors. You have some errors in your html that is causing the elements to not be counted correctly

1 Like
3

also, which the validator will not catch, wrong class name here

1 Like
4

Whoa!! I was blind for that error!!
And, about the wrong class… I thought it was a dust particle from my monitor all the time!! I’m ashamed… Very thanks for your kind help.

1 Like