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 JH OTTERSTEDT
JH OTTERSTEDT
788 Points

I keep getting an error that I'm not including a image tag, although I believe I have included that

this is the HTML code, I included only the bits for the sections as that's where I'm working, I've tried to include the words "numbers-01.jpg" in alt and in the paragraph to see if that would fix this (unfortunately it hasn't)

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

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

    <li>
      <a href="img/numbers-06.jpg">
      <img src="img/numbers-06.jpg" alt="numbers-06.jpg">
      <p>numbers-06.jpg</p>
      </li>
    </ul>

</section>
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="numbers-01.jpg">
          <p>numbers-01.jpg</p>
          </li>

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

        <li>
          <a href="img/numbers-06.jpg">
          <img src="img/numbers-06.jpg" alt="numbers-06.jpg">
          <p>numbers-06.jpg</p>
          </li>
        </ul>

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

1 Answer

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey there,

I think you missed a vital part of the instructions. The challenge specifically says to add only the image tags and to "Leave the alt attributes blank, and don’t add any captions or links. Just the images!", but you have added all those. So, you will need to delete the links (<a> tags), delete the captions (<p> tags), and delete the text in the alt "".

Also, I believe (if I remember this challenge correctly), you don't need to prefix the image tags with "img/"

Keep Coding! :dizzy: