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 Robin Moore
Robin Moore
15,802 Points

Having an issue with the code and the task. May be one and the same. My preview shows Index of/

This questions pertains to both the task and the code on How to Build a website.

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>"numbers-01.jpg"</li>
        <li>"numbers-02.jpg"</li>
        <li>"numbers-06.jpg"</li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Andrew Wiley
Andrew Wiley
10,168 Points
Andrew Wiley
Andrew Wiley
10,168 Points

I went through your code and it's fine.

what did you name your html file????

Try naming it to "index.html"

Daniel Gauthier
Daniel Gauthier
15,000 Points
Daniel Gauthier
Daniel Gauthier
15,000 Points

Hey Robin,

You're forgetting to put the img tags into the markup. You've included the file names inside of your list elements, but you need to enclose them in image tags.

The code should look like this when you're done:

<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>

Good luck with the course, you were close on this one!