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

Lisa Harker
Lisa Harker
550 Points
Posted by Lisa Harker
Lisa Harker
550 Points

I cannot make this work with the images

I cant seem to get images into this stupid test thing.

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>
          <a href="img/numbers-01.jpeg"></a>
        </li>
        <li>
          <a href="img/numbers-02.jpeg"></a>
        </li>
        <li>
          <a href="img/numbers-06.jpeg"></a>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

James Anwyl
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points
James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points

Hi Lisa,

You need to use an img tag like so:

<img src="img/link-to-image.jpg">

Using the anchor tag:

<a href="img/numbers-01.jpeg"></a>

Just creates a link to the image. It doesn't display the actual image itself.

Hope this helps :)

Lisa Harker
Lisa Harker
550 Points
Lisa Harker
Lisa Harker
550 Points

Thank you James! This is my first foray into coding and am a bit confused.

sizwengubane
sizwengubane
15,244 Points

Lisa is there any way i can contact you? maybe we can be helpful to each other in future