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 Diane Donahue
Diane Donahue
899 Points

I am really lost and unsure of the question and what my code should even look like, any help would be appreciated

Do I copy and paste 3x, just very confused

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>
      <ul>
        <li>
          <a href="img/numbers-01.jpg"> 


    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

4 Answers

Ryan M
Ryan M
16,509 Points
Ryan M
Ryan M
16,509 Points

The first part of the challenge asks for an unordered list inside the section containing three blank list items. This is what that would look like.

<section>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</section>

The second part of the challenge asks for images so you need to use the html image tag <img> with a src attribute of the file path

<section>
    <ul>
        <li><img src="numbers-01.jpg" alt=""></li>
        <li><img src="numbers-02.jpg" alt=""></li>
        <li><img src="numbers-06.jpg" alt=""></li>
    </ul>
</section>
Diane Donahue
Diane Donahue
899 Points
Diane Donahue
Diane Donahue
899 Points

Thank you so much

Daniel Rodríguez
Daniel Rodríguez
1,939 Points
Daniel Rodríguez
Daniel Rodríguez
1,939 Points

I'm not very sure of your doubt, but at least I can say that your code needs 3 closing tags: </a> in line 24, </li> in line 25 and a </ul> in line 26. The output would be an h1 title, an h2 title, the a list of 3 elements for the nav menu, a single list item with an unloaded image and finally a footer element. I hope that helps.

Diane Donahue
Diane Donahue
899 Points
Diane Donahue
Diane Donahue
899 Points

thank you