Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

HTML Conceptos Básicos de HTML Estructurar tu contenido Desafío de Estructuración de Contenido

erics38
erics38
1,178 Puntos
Publicado por erics38
erics38
1,178 Puntos

Tengo los elementos p h2 y ul 1) entre el encabezado y pie de página, 2) tabulados para que estén indentados - ¿no está ya bien así?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href=styles.css rel=stylesheet>
    <title>Mi Portafolio</title>
  </head>

  <header>
    <h1>Título</h1>
    <p>Esta es la oración del título.</p>
    <ul>
      <li>beep boop</li>
    </ul>
  </header>  

  <body>
    <ul>
      <li><a href=#>Acerca de</a></li>
      <li><a href=#>Trabajo</a></li>
      <li><a href=#>Contacto</a></li>            
    </ul>

    <section>
      <h1>Mi Diseño Web &amp; ¡Portafolio de Desarrollo!</h1> 
      <p>Un sitio que presenta mi trabajo más reciente.</p>
    </section>  

    <section>
      <h2>Bienvenida</h2> 
      <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
      <ul>
        <li><a href=#>Proyecto reciente #1</a></li>
        <li><a href=#>Proyecto reciente #2</a></li>
        <li><a href=#>Proyecto reciente #3</a></li>     
      </ul>
    </section>  

    </body>

    <pie de página>
    <p>&copy; 2017 Mi Portafolio</p>
    <p>Sígueme en <a href=#>Twitter</a>, <a href=#>Instagram</a> y <a href=#>Dribbble</a></p>
    </pie de página>
</html>

1 Respuesta

Rohald van Merode
sello-máscara
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
JavaScript Full Stack Estudiante de Techdegree 9.277 Puntos
Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
JavaScript Full Stack Estudiante de Techdegree 9.277 Puntos

Hola erics38 👋

Hay una combinación de dos cosas pequeñas sucediendo en tu fragmento que resultan en este error. En primer lugar, siempre querrás asegurarte de que todos los elementos que son visibles en la página estén anidados dentro de las <body></body> etiquetas. Aparte de eso, parece que hiciste un par de ajustes a la estructura html proporcionada, como agregar nuevos elementos en tus elementos de encabezado y pie de página. El desafío te pide que envuelvas los elementos proporcionados con nuevas etiquetas en su lugar. 🙂

Entonces, en lugar de tener un encabezado antes de <body> y agregar nuevos elementos a él, querrás envolver el ul, h1 y p proporcionado en un conjunto de etiquetas de encabezado: 

<body>
  <header>
    <ul>
      <li><a href=#>Acerca de</a></li>
      <li><a href=#>Trabajo</a></li>
      <li><a href=#>Contacto</a></li>            
    </ul>
    <h1>Mi Diseño Web &amp; ¡Portafolio de Desarrollo!</h1> 
    <p>Un sitio que presenta mi trabajo más reciente.</p>
  </header>

  <section>...</section>
  <pie de página>...</pie de página>
</body>

¡Espero que esto te ayude a continuar! 😄