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 Mark Taflinger
Mark Taflinger
418 Points

How do I add the following images inside the three new list items?

How to Make a Website: Challenge question is asking me to add the following images inside the three new list items? What am I doing wrong?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mark Taflinger | Researcher</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Mark Taflinger</h1>
        <h2>Researcher</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></p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p></p>
          </a>
        </li
      </ul>
    </section>
    <footer>
      <p>&copy; 2015 Mark Taflinger.</p>
    </footer>
  </body>
</html>

3 Answers

Biwash Lama
Biwash Lama
13,772 Points
Biwash Lama
Biwash Lama
13,772 Points

Hi Mark, You did not close li tag properly. </li>

Mark Taflinger
Mark Taflinger
418 Points

Thank you, Biwash. I've fixed the li tag, but I still get this message.

Make sure you include an image tag that displays "img/numbers-01.jpg". for this question.

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>Mark Taflinger | Researcher</title> </head> <body> <header> <a href="index.html"> <h1>Mark Taflinger</h1> <h2>Researcher</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></p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p></p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p></p> </a> </li> </ul> </section> <footer> <p>© 2015 Mark Taflinger.</p> </footer> </body> </html>

I thought that I had these correct. Do you see any other possible problems?

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

Hi Mark,

The list items should only include the img element. Not the link around it or the paragraphs.

Something like this:

<li>
  <img src="" alt="">
</li>
Mark Taflinger
Mark Taflinger
418 Points
Mark Taflinger
Mark Taflinger
418 Points

Thank you for your help, Jason.