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

Ben Ahlander
Ben Ahlander
7,528 Points

inserting images with HTML

Not quite sure what i did wrong.

How do I insert these images within this unordered list?

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

Have you tried to correct the typo scr?
I believe the 3rd one should work already, or we've just got a wrong path for the numbers-06.jpg :-)

2 Answers

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

Have you tried to correct the typo scr?
I believe the 3rd one should work already, or we've just got a wrong path for the numbers-06.jpg :-)

Ben Ahlander
Ben Ahlander
7,528 Points

Its always a stupid little thing like that. Thanks!!

I couldn't understand what do you mean but may be this will help you:

          <ul>
    <li></li>
    <li><img src="./img/my_image.jpg" alt="My Image"></li>
    <li><img src="./img/another_img.png" class="img_class"></li>
</ul>