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 How to Make a Website Creating HTML Content Organize with Unordered Lists

Posted by Ja'Darius Hines
Ja'Darius Hines
216 Points

im having trouble with how to make a website section

its confusing me

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hello there,

The section element has been provided for you... below the header, and above the footer.

<section></section>

So in your code challenge make sure your code goes in between these 2 tags. :-) Good luck!

Falk Schwiefert
Falk Schwiefert
8,706 Points
Falk Schwiefert
Falk Schwiefert
8,706 Points

As Jonathan says, the <section></section> elements have been given to you in the code. Your task is to create 3 unordered list items between them.

When you write html, think of walking something through the task. In your case:

  • Hey, there is a list that I want to create. It is supposed to be unordered.
    • Here is something I want to go into the list
    • Here is something else I want to go into the list
    • Here is the 3rd thing I want to go into the list
  • Okay, that's it for this list

In browser speech (or Hyper Text Markup Language or HTML) this would sound like this. <ul> /Hey, there is a list that I want to create. It is supposed to be unordered./ <li></li> /Here is something I want to go into the list/ <li></li> /Here is something else I want to go into the list/ <li></li> /Here is the 3rd thing I want to go into the list/ </ul> /Okay, that's it for this list/