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

Kevin White
Kevin White
2,719 Points

It is asking me to add images that I downloaded off the page for the challenge. Why won't it recognize them?

I have the following and it is saying it is wrong for some reason.

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

I did the same for the other two images it requested but it is saying it is wrong. Are the files not being recognized for the challenge or is something wrong with what I did? It worked in the "workspace".

What do I do?

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>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>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Kevin, maybe that’s because what you’ve been using is not valid HTML?

Since your img is also an HTML element it must be sandwiched between < and >. So that, instead of the above, you’ll end up with something like:

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

All right? And btw — always be on the lookout for them typos (ex. your first img’s src attribute is missing the opening quote). Cheers.

Kevin White
Kevin White
2,719 Points

Thanks! Obvious things like that slip the mind easily when you assume you get that stuff right. Need to keep an eye on those types of typos like you said. Appreciate it!