Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Organize with Unordered Lists

Posted by Christina Mortali
Christina Mortali
240 Points

I keep on rechecking my code and the program keeps on telling me that I need to add an image tag but I thought I did?

Here is the code I typed out:

<li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> </a> </li>

Isn't <img src=...... the image tag? I think I am doing it correctly and the images display but I cant figure out why the program says its wrong

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">
                        <img src="img/numbers-01.jpg" alt="">
                    </a>
         </li>
         <li>
           <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg"  alt=""> 
           </a>
         </li>
         <li>
           <a href="img/numbers-06,jpg">
             <img src="img/numbers-06.jpg" alt="">
           </a>
         </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Hayes McCardell II
Hayes McCardell II
643 Points

The instructions specify not to add any links (a hrefs). One of yours (img 6) has a comma in it instead of a period. In any case, the instructions say not to, so take out the <a> tags and I think you'll be just fine!

2 Answers

Antoine Neff
Antoine Neff
6,144 Points
Antoine Neff
Antoine Neff
6,144 Points

"Leave the alt attributes blank, and don’t add any captions or links. Just the images!"

Jeffrey Ruder
Jeffrey Ruder
6,408 Points
Jeffrey Ruder
Jeffrey Ruder
6,408 Points

Yep, I think you need to take out the links here.