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 MUZ140697 Peace Katena
MUZ140697 Peace Katena
317 Points

adding images

am adding images to the unordered list but it continues to say bummer make sure the image from img folder with numbers-01

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Katena Peace</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Katena Peace</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; 2015 Katena Peace.</p>
    </footer>
  </body>
</html>
MUZ140697 Peace Katena
MUZ140697 Peace Katena
317 Points

i tried it and it continues to say bummer make sure you include the image tag that display "img/numbersO1.jpg".

1 Answer

Marissa Goldberg
Marissa Goldberg
4,827 Points

Hi there,

It looks like you aren't linking the images correctly. This is what you currently have:

<li>"numbers-01.jpg"</li>
<li>"numbers-02.jpg"</li>
<li>"numbers-06.jpg"</li>

This is what a linked image should look like:

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

Everything is fully described here: http://www.w3schools.com/html/html_images.asp

Hope this helps!