Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Structuring Your Content Structuring Content Challenge

Amy Hsieh
Amy Hsieh
6,023 Points
Posted by Amy Hsieh
Amy Hsieh
6,023 Points

What the challenge is asking me to do? I was just blocked here.

I am confused, it's not hard to understand how the ul, h1 and p tag work. But the I don't understand the question.

First, all the code of the challenge are all properly marked-up. What should I add? A new content called "Introductory" and mark it up?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>

    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>

    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>

    <h2>Welcome</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="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>

    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
  </body>
</html>

4 Answers

Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points
Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points

You need to user the right element tags for groeping elements. like: <main></main>, <header></header>, <nav><..., <footer><..., <aside><.., <section><...., <article><...

hope dis helps :)

Amy Hsieh
Amy Hsieh
6,023 Points
Amy Hsieh
Amy Hsieh
6,023 Points

Ok thanks ,the first challenge it posed is :

"Place the ul, h1 and p elements at the top of the page inside an element that represents a group of introductory content."

So, which part at the top represents "the group of introductory content?" I can't tell.

Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points

have you tried every example I had left in the comments? because the answer is there.

Amy Hsieh
Amy Hsieh
6,023 Points
Amy Hsieh
Amy Hsieh
6,023 Points

The challenge asked me to place ul, h1 and p inside the introductory contents, however, every contents looked introductory are all marked up with ul, h1 and p. I am confused here.

Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points 
<header>
    <ul></ul>
    <h1></h1>
    <p></p>
</header>
Amy Hsieh
Amy Hsieh
6,023 Points
Amy Hsieh
Amy Hsieh
6,023 Points

Oh, I got what you are saying. I thought it wants me to place the ul, h1 and p tag in the contents. When working with treehouse challenge, I always have trouble of understanding the question.

Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points

I'm glad you understand the assignment :) sometimes I have trouble understanding the assignments as well.