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

Mel Noce
Mel Noce
632 Points
Posted by Mel Noce
Mel Noce
632 Points

Can't get <img> tag to display images. Help!

Having a hard time seeing what is wrong here. Looks like a lot of people seem to get stuck here too. I've tried quite a few things including trying it with <img/numbers-01.jpeg> and without the "img" <numbers-01.jpeg>

In my Workspace Preview the images haven't been showing up at all. Completely blank :/

Does anyone see what's going on? Thanks!

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</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><img src="numbers-01.jpeg" alt""></li>
        <li> <img src="numbers-02.jpeg" alt""></li>
        <li><img src="numbers-06.jpeg" alt""></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Bryan Michael Llagas
Bryan Michael Llagas
30 Points
Bryan Michael Llagas
Bryan Michael Llagas
30 Points

add an "="(without the quotes) after the "alt". Also make sure to have the pictures on the path of the src.

Mel Noce
Mel Noce
632 Points
Mel Noce
Mel Noce
632 Points

Ok, tried: alt= (without "") and alt="". Still not letting me through :(

2 Answers

Mel Noce
Mel Noce
632 Points
Mel Noce
Mel Noce
632 Points

I have gotten the code to work, although I'm not sure it was the code that was wrong...

This is what I used: <img src="numbers-01.jpg" alt="">

But it's what I've been trying all along (even trying it alt=> without the "" and alt"" without the "=" as seen above. So, what happened is I restarted the lesson again, tried it, and I don't know why, but it worked.

A glitch maybe?

derekverrilli
derekverrilli
8,841 Points
derekverrilli
derekverrilli
8,841 Points

You need the alt="" and to close your img tags

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