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

Nils Simon Gonzales
Nils Simon Gonzales
704 Points

Make sure you add an image tag that displays: "img/numbers-01.jpg"

I had done it with all info like this: <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>img/numbers-01.jpg</p> </a> </li> and as it is on the code I did. I don't know where the mistake is. Please help, I can't come any further... thanks

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
            img src="img/numbers-01.jpg" alt="">
            <p>img/numbers-01.jpg</p>
          </a>
        </li>
        <li>
           <a
            img src="img/numbers-02.jpg" alt="">
            <p>img/numbers-02.jpg</p>
          </a>
        </li>
        <li>
           <a
            img src="img/numbers-06.jpg" alt="">

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

3 Answers

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points

All thats wanted is the link to the images in the file tree, so here is the code (task 1 and 2)

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

Caleb is right, you should paste that and it is going to work, but let me explain what you did wrong, so you are not going to repeat these mistakes again.

Firstly, you have learned that a tag starts with less than sign and ends with greater than sign. Did you respect this completely in your code? I don't think so, just look here:

 <li>
  <a
    img src="img/numbers-02.jpg" alt="">
    <p>img/numbers-02.jpg</p>
  </a>
</li>

Anchor tag and Image tag are not completely typed, so you need to complete them. Just do what Caleb did and everything should work fine.

 <li>
  <a>
    <img src="img/numbers-02.jpg" alt="">
    <p>img/numbers-02.jpg</p>
  </a>
</li>

I hope that it helps!

I did the same thing Nils, but when I copy and pasted in the entry from caleb I was able to get the correct answer.