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 Emanuel Tesfaye
Emanuel Tesfaye
8,572 Points

html

inside <section> element, creat an unordered list with three blank list item. this will become an image gallery but don't fill in the list items yet?

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>
      <p>
      <ul>
        <li>
         <a <img src= alt"">
          <img src= alt"">
          <img src= alt"">
        </a>
        </li>
         </ul>
 </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Grace Kelly
Grace Kelly
33,990 Points
Grace Kelly
Grace Kelly
33,990 Points

Hi Emanuel, you're almost there apart from a few minor things, first off we don't need any paragraph tags as all the task is looking for is an unordered list with three list items. Secondly the list items must be empty, for now you don't need to fill them with images, like so:

<section>
      <ul> <!-- unordered list -->
        <li></li> <!-- empty list item -->
        <li></li>
        <li></li>
         </ul>
    </section>

Hope that helps!!