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

IMG

My image seems to be in the list item correctly but the image isn't showing up.

<a href="img/numbers-01.jpg"</a>

<a href="img/numbers-06.jpg"> </a>

7 Answers

Carson Clark
Carson Clark
2,159 Points

Do you mind posting the code so I can see if I can help?

Thanks for the reply. I just posted the code.

Steven Horowitz
Steven Horowitz
6,966 Points

Did you download the Project Files onto your computer and upload them into your Workspace?

I did upload them to the workspace. Still not sure why it's not working. Here is what I'm trying to figure out.

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

You are talking about an IMG while using an anchor. You dont want to add captions or links,

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

Is that the problem ?

Carson Clark
Carson Clark
2,159 Points

The href attribute specifies the URL of a page link. You're just trying to add an image so you need the <img> tag. Remember, The <img> tag defines an image in an HTML page.

            <a href="#"><img src="img/numbers-01.jpg"></a>
            ```
Sam Nabhan
Sam Nabhan
2,157 Points

Hi Robert,

The code you have pasted above is for an anchor. Whereas the Code Challenge asks you to add images (without any links) to the 3 list items you coded in a step earlier. You achieve this by using the img tag, along with the src and alt attributes as specified.

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

Hint: Remember that the img tag is self-closing.

Hope this helps.