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 MARY NGUYEN
MARY NGUYEN
470 Points

Please explain what I did wrong with my coding below. It said bummer. Make sure you include an image tag that display

Challenge task 2 of 2 Inside the three new list items, add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don’t add any captions or links. Just the images!

<!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> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Testing out the color and texture.</p> </a>

     <li>
      <a href="img/numbers-02.jpg">
        <img src="img/numbers-02.jpg" alt="">
        <p>Testing out number 2.</p>

. </a> 

      <li>
      <a href="img/numbers-06.jpg">
        <img src="img/numbers-06.jpg" alt="">
        <p>Testing out color number 6.</>

      </a>

4 Answers

Clinton Hopgood
Clinton Hopgood
7,825 Points
Clinton Hopgood
Clinton Hopgood
7,825 Points

You are missing the p from your closing p tag on numbers-06.jpg

Simon Woodard
Simon Woodard
6,545 Points
Simon Woodard
Simon Woodard
6,545 Points

Your closing tags don't look complete </a> for number 2 and </p> for number 6

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Mary,

According to the instructions you have posted here you shouldn't have the links or the captions in your list items.

Only the img element should be in there.

Samuel Webb
Samuel Webb
25,370 Points
Samuel Webb
Samuel Webb
25,370 Points

You don't need 'a' elements since in the instructions it tells you not to add any links. In between the opening and closing section tags, your code should look like this to complete this:

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

It passed for me without the alt tags, but you're supposed to have them.