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

Saranya Kaewsa-ard
Saranya Kaewsa-ard
499 Points
Posted by Saranya Kaewsa-ard
Saranya Kaewsa-ard
499 Points

I don't know what i am done wrong on coding with 'Front End Web Development' session - Stage3 - Create HTML content.

I try to pass 'Stage3 - Create html content but it always alert and said my coding wrong AS "Bummer Make sure you include a image tag that display "img/numbers-01.jpg" for my opinion my code belo is correct. can u advise?

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img scr ="img/numbers-01.jpg" alt=""> <p>test</p> </a>
</li>

2 Answers

chrisp
chrisp
13,686 Points

HI Saranya

Sorry, I made a mistake adding the description for the alt tag in there. Just check the instruction that says to leave it blank.

You have it almost right other than the src typo and anchor href tag. You don't need the a href unless you're making it a link. Same with the paragraph tag is not neccesarry because you are making list and not really writing a paragraph.

Checking the question again, it should be something like 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>

Although this is just for the exercise, best practice add something in the alt tag. This will especially be helpful for the visual impaired users.

I wish you all the best on your web dev journey.

chrisp
chrisp
13,686 Points
chrisp
chrisp
13,686 Points

I think you may have a typo with in the img tag.

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

It should be 

<img src="img/numbers-01.jpg" alt="number">
Saranya Kaewsa-ard
Saranya Kaewsa-ard
499 Points
Saranya Kaewsa-ard
Saranya Kaewsa-ard
499 Points

Thank you chrisp for help but i still got the same error after change follow your advise. :(

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