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 Add Image Gallery Content

Kobe Johnson
Kobe Johnson
192 Points

4/5 images show up, the last does not, is my code wrong?

I have 4/5 images show up when I launch the site from workspace, however I cannot get this last one right? For starters I am on a mac which I am very unfamiliar with so it very well could be the computer, can anyone check to see what I am doing wrong? thanks!

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Kobe Johnson | Designer> </title> </head> <body> <header> <a href="index.html"> <h1>Kobe Johnson</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> <a href=""img/numbers-01.jpg> <img src="img/numbers-01.jpg" alt="> <p>Experimenting with color and texture.</p> </a> </li> <li> <a href=""img/numbers-02.jpg> <img src="img/numbers-02.jpg" alt="> <p>not color or texture</p> </a> </li> <li> <a href=""img/numbers-06.jpg> <img src="img/numbers-06.jpg" alt="> <p>Doesnt matter</p> </a> </li>
<li> <a href=""img/numbers-09.jpg> <img src="img/numbers-09.jpg" alt="> <p>really doesnt matter</p> </a> </li> <li> <a href=""img/numbers-12.jpg> <img src="img/numers-09.jpg" alt="> <p> if this doesnt work idk what will</p> </a> </li> </ul> </section> <footer> <p>© 2015 Kobe Johnson.</p> </footer> </body> </html>

3 Answers

Kobe- You just left out the letter 'b' in the word numbers- <img src="img/numers-09.jpg" alt=">

Easy to miss when you are writing so much code . That should fix it!

Kathleen is right, but your code has some mistakes in it.

You have closed the quotes before adding the link in the anchor tags

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

You should put the source of the image inside the quotes.

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

You have a typo

<img src="img/numers-09.jpg" alt=">

Just put a b inside the name and you are good to go.

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

I hope that it helps!

You've also forgotten to close the quote mark on your alt text:

alt=" should be alt="" - assuming of course that you want the alt text empty. Usually alt text is used to describe the image. It's what shows up if the image fails to load. It's also read by screen readers so that blind indivduals can get a description of the images on the page.