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

How to add images in list tag in HTML

I tried to put the images that required me to put in but still got error message. I created the code like this:

<section> <nav> <ul> <li> <img src="numbers-01.jpg" alt=""> <img src="numbers-02.jpg" alt=""> <img src="numbers-06.jpg" alt=""> </li> </ul> </nav> </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>
      <nav>
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </nav>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Zach Patrick
Zach Patrick
19,209 Points

Did your answer look like this?

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

Yes I did but at the top of <ul> I put <nav> and the closing </nav> under </ul>. This is the only thing I added on ur answer.

Zach Patrick
Zach Patrick
19,209 Points

Did you by chance add 'img/' to the beginning of the source. I've noticed that's a common mistake with this question. The question didn't specify that the images were in a separate folder.

Yes I got it now! thanks for ur helped. I just removed the <nav></nav> then it works.

Zach Patrick
Zach Patrick
19,209 Points

To add an image you just insert the self-closing image tag. The you need to add the src value and the alt value.

Example: <img src="image-path.png" alt="Alternative Text">

yes ur right but I done that to my quiz but I got an error message with the challenge that I answered right now.