Aprende HTML construyendo una aplicación de fotos de gatos - Step 6

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.no entiendo la consigna que apartir de la etiqueta dos comienza.

  **Tu código hasta el momento**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
        <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>





  
  </main>
</body>
</html>
  **Información de tu navegador:**

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

Desafío: Aprende HTML construyendo una aplicación de fotos de gatos - Step 6

Enlaza al desafío:

Este ejercicio es sobre indentación, son espacios que se le da al código para que sea más legible.
Cada que un elemento se anida a otro elemento se le da una indentación o espacios, en este caso freeCodeCamp no especifica que la indentación debe de ser de 2 espacios.

Aquí está el código sin espacios, sin espacios puede llegas a ser complicado saber que elementos estan anidados

<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>

Aquí está intercambiando “x” por espacios

<html>
xx<body>
xxxx<h1>CatPhotoApp</h1>
xxxx<main>
xxxxxx<h2>Cat Photos</h2>
xxxxxx<!-- TODO: Add link to cat photos -->
xxxxxx<p>Click here to view more cat photos.</p>
xxxx</main>
xx</body>
</html>

Con los espacios, es más sencillo visualizar que elementos están anidados dentro de qué elementos

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
    </main>
  </body>
</html>

Solo recuerda, cada que un elemento se anida dentro de otro, se van añadiendo 2 espacios

1 Like