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

Kyle Reid
Kyle Reid
2,359 Points
Posted by Kyle Reid
Kyle Reid
2,359 Points

Placing introductory or navigational content in an element...

"Place the ul, h1 and p elements at the top of the page inside an element that represents a group of introductory or navigational content," is how the question is worded.

Question is part of the HTML Basics Course, and I'm aware that the question as awkwardly worded. I've referenced another question thread and the answers provided were not accepted.

I've moved the first <ul>, <h1> and <p> tags in the body into the header, and even put the <ul> in a <nav> and the <h1> and <p> tag in an <article> tag.

Thank you!

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>
David Moody
David Moody
19,302 Points
David Moody
David Moody
19,302 Points

They also want you to add a <header> and a <nav> element. Like this:

<body>
    <header>
        <nav>
            <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>
         </nav>
     </header>

I just ran this through the challenge and it worked. I think you were just missing the <header> element.

2 Answers

Maxime Duhamel
Maxime Duhamel
7,169 Points
Maxime Duhamel
Maxime Duhamel
7,169 Points

Hi,

In this first question you just need to add 1 element to group those 3 together. This element will be the <header></header> and should enclose from ul to p elements. Try to add only this one as code challenges can be a bit picky on what code you write to validate your answer. Be sure not to confuse header element and the head of your html :) Hope you figured it out.

Max

Kyle Reid
Kyle Reid
2,359 Points
Kyle Reid
Kyle Reid
2,359 Points

It worked! Thank you!

Ivelina Ventsislavova Stoilova
Ivelina Ventsislavova Stoilova
4,985 Points
Ivelina Ventsislavova Stoilova
Ivelina Ventsislavova Stoilova
4,985 Points

Hi,

I cannot seem to get the right answer for:

Challenge Task 1 of 4 Place the ul, h1 and p elements at the top of the page inside an element that represents a group of introductory content. HTML basics.

Here are my codes and the bummer message http://cloud.supportally.com/2x3V0J3Y2f0X http://cloud.supportally.com/2x3V0J3Y2f0X

Thanks for the help!