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

Publicado por Sultan Sharipov
Sultan Sharipov
1,053 Puntos

Agrupa cada conjunto de elementos h3 y p usando un elemento que describa piezas de contenido independiente. ????

No pude entender.

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>   

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

    <pie de página>
      <p>&copy; 2017 Mi Blog</p>
    </pie de página>
  </body>
</html>
Nikos Papapetrou
Nikos Papapetrou
6,305 Points

Tienes etiquetas HTML estructurales simples de usar como: 

<article></article>
<section></section>

Si tienes, por ejemplo, un artículo, pones dentro de las etiquetas de artículo todo lo que tenga relación con tu artículo. También puedes agrupar tu artículo más en secciones. https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure

4 respuestas

Alana Warson
Alana Warson
5,296 Puntos
Alana Warson
Alana Warson
5,296 Puntos

Esta pregunta se ocupa del desafío de agrupar cada conjunto de elementos h3 y p dentro de piezas de contenido autónomo. Puse: <article> <h3> <p> y luego después del segundo conjunto de etiqueta <h3> puse </article> y me da un error que dice "Asegúrate de que estás colocando el segundo conjunto de elementos 'h3' y 'p' dentro de un elemento que describa piezas de contenido autónomo.

Peter Vann
Peter Vann
36,429 Puntos
Peter Vann
Peter Vann
36,429 Puntos

¡Hola Alana!

Esto cumple las tres tareas:

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

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

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

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

A veces la redacción de las instrucciones no deja completamente claro qué necesitas hacer para pasar las tareas.

A veces la bombilla no se enciende hasta que puedes ver la solución, ¡y dices, "¡Ah, eso es lo que querían decir!?!"

¡Me pasa todo el tiempo!?!

Espero que eso ayude.

¡Manténgase seguro y feliz codificando!

Paul HILL
Paul HILL
1,895 Puntos

¡Esto también funcionó para mí! Gracias tío.

Alana Warson
Alana Warson
5,296 Puntos
Alana Warson
Alana Warson
5,296 Puntos

Nunca habría logrado pasar esto sin tu ayuda. Los videos son tan rápidos que estoy pausando y reanudando todo el tiempo. ¡Gracias de nuevo!

Alana

Paul HILL
Paul HILL
1,895 Puntos

Lo mismo aquí. Estoy revisando constantemente los videos...

Peter Vann
Peter Vann
36,429 Puntos
Peter Vann
Peter Vann
36,429 Puntos

Sin problemas...

¡Que tengas un gran resto de fin de semana!

(¡Comunícate conmigo en cualquier momento si necesitas más ayuda!)

:)