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 Lindley Canonigo
Lindley Canonigo
691 Points

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
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>
Lindley Canonigo
Lindley Canonigo
691 Points

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

Lindley Canonigo
Lindley Canonigo
691 Points

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
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">
Lindley Canonigo
Lindley Canonigo
691 Points
Lindley Canonigo
Lindley Canonigo
691 Points

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