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
Joseph Varkey
429 Pointsimage is not loading in html
i was doing exactly wat was told in html course to upload image which i downloaded frm discription.but when i view image is showing. here is my code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JOSEPH VARKEY ART</title> </head> <body> <header> <a herf="index.html"> <h1>Joseph varkey art</h1> <h2>Designer</h2> </a> <nav> <ul> <li> <a herf="index.html">portfolio</a></li> <li> <a herf="about.html">about</a></li> <li> <a herf="contact.html">contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a herf="img/numbers_02.jpg"> <img src="img/numbers_02.jpg" alt=""> <p>experiment with texture and color</p> </a> </li>
<li>
<a herf="img/numbers_06.jpg">
<img src="img/numbers_06.jpg" alt="">
<p>experiment with texture and color</p>
</a>
</li>
<li>
<a herf="img/numbers_9.jpg">
<img src="img/numbers_9.jpg" alt="">
<p>experiment with texture and color</p>
</a>
</li>
<li>
<a herf="img/numbers_01.jpg">
<img src="img/numbers_01.jpg" alt="">
<p>experiment with texture and color</p>
</a>
</li>
<li>
<a herf="img/numbers_12.jpg">
<img src="img/numbers_12.jpg" alt="">
<p>experiment with texture and color</p>
</a>
</li>
</ul>
</section> <footer> © 2015 JOSEPH VARKEY.</footer> </body> </html>
Marcus Parsons
15,719 PointsI can't see what you wrote exactly, Ron, but I think you made a point about the paragraph. If you did, that's a great point. The paragraph should be outside of the anchor link.
Joseph Varkey
429 Pointsgot it finally, i used '_ ' instead of '-' in <a herf="img/numbers_06.jpg"> <img src="img/numbers_06.jpg" alt=""> thanx anyway , i wouldnt have notice 'herf' without u guys. ;)
4 Answers
Marcus Parsons
15,719 PointsHey Joseph,
I notice at least one error in your page. In your anchor elements, the herf you have currently should be href.
However, this shouldn't affect your images being loaded. Check your actual filenames against what you are linking to in the workspace. I know that most of those pictures in the workspace have a 0 before the number and it might be that your picture with a number 9 in it, is actually 09. Check your other filenames, as well. i.e.
<li>
<!-- First check to see if this file name is the correct one in your files -->
<!-- Change the file name as needed and I also changed herf to href -->
<a href="img/numbers_09.jpg">
<img src="img/numbers_09.jpg" alt="">
<p>experiment with texture and color</p>
</a>
</li>
Tomas Pavlik
26,726 PointsHo Joseph, there is a typo in links - there should be href attribute instead of herf.
Tom
Will Long
5,449 PointsFirst of all, your <a href> is wrong, you wrote it as <a herf>, the question also only asks for the image, correct? so delete the <a href>s
Will Long
5,449 Pointshref, not herf
Will Long
5,449 Pointsand delete the hrefs, it only asks for the image, I made the same mistakes
tomasvukasovic
24,022 Pointsthe correct code is <a href=" "></a> you have written <a herf=""></a>
Ron Horn
7,591 PointsRon Horn
7,591 PointsI'm not sure how your files are set up but this code should be all you need to display your image <li><img src="img/numbers_12.jpg" alt=""></li>. I see that your </a> is not directly after your image code either; your <p></p> should follow </a> not be inside it.
Hope that helps.