Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.