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

Gabriella Vaiana
Gabriella Vaiana
705 Puntos
Publicado por Gabriella Vaiana
Gabriella Vaiana
705 Puntos

¿Cuál es el formato correcto para <section></section> para esta tarea?

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

    <section>
      <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>

      <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>

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

    </body>
</pie de página>
</html>

1 Respuesta

Travis Alstrand
sello-máscara
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Revisor de Proyectos Treehouse
Travis Alstrand
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Revisor de Proyectos Treehouse

Hola Gabriella Vaiana ! :wave:

Para la primera tarea en este desafío, solo se pide que el ul, h1 y p elementos se envuelvan en el elemento. Así que te recomendaría mover tu cierre </header> etiqueta arriba y justo debajo del primero <p> elemento.

Para la segunda tarea, tu cierre </footer> etiqueta está fuera del </body> etiqueta. Deberíamos mover eso arriba y dentro del body.

Para el tercero, necesitarás mover tu apertura <section> etiqueta abajo y justo encima de tu h2 ya que solo quiere el h2, p y ul adentro. Lo que realmente está causando esto es el uso de section etiquetas en tu footer elemento. Queremos eliminar esos :thumbsup: