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

William Schwarz
PLUS
William Schwarz
Courses Plus Student 541 Points
Posted by William Schwarz
William Schwarz
Courses Plus Student 541 Points

I can't see what I did wrong.

My instructions were:

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

When I check it, I'm told to "make sure you include a tab that displays "img/numbers-01.jpg".

I think I did that. I copied and pasted my work below:

<!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/numbers-01.jpg"> </li> <li> <"img/numbers-02.jpg"> </li> <li> <"img/numbers-06.jpg"> </li> </ul> </section> <footer> <p>Ā© 2013 Nick Pettit.</p> </footer> </body> </html>

6 Answers

Khaleel Hamid
Khaleel Hamid
5,258 Points
Khaleel Hamid
Khaleel Hamid
5,258 Points

Its asking for this

<section>
      <ul>
        <li>
            <img src="img/numbers-01.jpg" alt="">
        </li>
      </ul>
    </section>
Ken Alger
STAFF
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

William;

Welcome to Treehouse!

You are not using an image tag. Within the list item tags you need to reference the various .jpg files like so:

<img src="img/numbers-01.jpg">

Hopefully that gets you pointed in the right direction.

Happy coding,

Ken

Edward Bryan Kene Morales
Edward Bryan Kene Morales
7,374 Points
Edward Bryan Kene Morales
Edward Bryan Kene Morales
7,374 Points

Hi William,

Just adding to their answers above. The statement in the quiz ( I presume) saying "make sure you include a tab that displays "img/numbers-01.jpg" is telling you to basically add an image via the img tag and with its source pointing to that directory.

So basically, based on the basic lessons on HTML. You can insert and image using the image tag:

<img src="" alt="">

The src attribute refers to the "source" or the directory where your image is and the alt attribute is commonly used for accessibility.

Since you are tasked to "make sure you include a tab that displays "img/numbers-01.jpg", simply add the "img/numbers-01.jpg" statement to the source attribute. So basically the markup would look like this:

<img src="img/numbers-01.jpg" alt="">

Following your example, you may have to nest the image tag inside an li.

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

And that's basically it. This is just a more in depth (I hope) explanations of the ones posted above. Hope this helps.

Salman Akram
PLUS
Salman Akram
Courses Plus Student 40,065 Points
Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi William,

Just images without alt tags, hrefs, or anything. Something like this below.

    <section>
      <ul>
        <li><img src="img/numbers-01.jpg"></li>
        <li><img src="img/numbers-02.jpg"></li>
        <li><img src="img/numbers-06.jpg"></li>
      </ul>
    </section>
William Schwarz
PLUS
William Schwarz
Courses Plus Student 541 Points
William Schwarz
William Schwarz
Courses Plus Student 541 Points

What got me confused was: "don't add any captions or links. Just the images," which is why I left out "img src."