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 Agrupación de Contenido

Lástima: Asegúrate de colocar el segundo conjunto de elementos `h3` y `p` dentro de un elemento que describa contenido independiente

Sigo recibiendo el mismo mensaje de error sin importar lo que haga. ¿Qué estoy haciendo mal?

index.html
<!DOCTYPE html>
<html>
  <head>
    <link href=styles.css rel=stylesheet>
    <title>Mi Blog</title>
  </head>
  <body>
    <header>
      <h1>Mi Diseño Web &amp; ¡Blog de Desarrollo!</h1> 
      <nav>
        <ul>
          <li><a href=#>Acerca de</a></li>
          <li><a href=#>Artículos</a></li>
          <li><a href=#>Trabajo Reciente</a></li>            
        </ul>
      </nav>
    </header>

    <h2>Los Artículos Principales</h2>   

    <article>
      <h3>Mis Cursos HTML Favoritos</h3> 
      <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget <a href=#>feugiat ante faucibus</a>.</p>

      <h3>10 Características CSS Útiles</h3> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et <a href=#>ultrices posuere</a>.</p>    

      <h3>Sígueme en las Redes Sociales:</h3>
      <ul>
        <li><a href=#>Twitter</a></li>
        <li><a href=#>Facebook</a></li>
        <li><a href=#>LinkedIn</a></li>     
      </ul>
    </article>

    <pie de página>
      <p>&copy; 2017 Mi Blog</p>
    </pie de página>
  </body>
</html>

1 Respuesta

Hola Emily,

La tarea es agrupar cada conjunto de elementos h3 y p..

Prueba esto

<!DOCTYPE html>
<html>
  <head>
    <link href=styles.css rel=stylesheet>
    <title>Mi Blog</title>
  </head>
  <body>
    <header>
      <h1>Mi Diseño Web &amp; ¡Blog de Desarrollo!</h1> 
      <nav>
        <ul>
          <li><a href=#>Acerca de</a></li>
          <li><a href=#>Artículos</a></li>
          <li><a href=#>Trabajo Reciente</a></li>            
        </ul>
      </nav>
    </header>

    <h2>Los Artículos Principales</h2>   
    <article>
      <h3>Mis Cursos HTML Favoritos</h3> 
      <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget <a href=#>feugiat ante faucibus</a>.</p>
    </article>
    <article>
      <h3>10 Características CSS Útiles</h3> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et <a href=#>ultrices posuere</a>.</p>    
    </article>
    <article>
      <h3>Sígueme en las Redes Sociales:</h3>
      <ul>
        <li><a href=#>Twitter</a></li>
        <li><a href=#>Facebook</a></li>
        <li><a href=#>LinkedIn</a></li>     
      </ul>
    </article>

    <pie de página>
      <p>&copy; 2017 Mi Blog</p>
    </pie de página>
  </body>
</html>

¡Feliz programación,

M