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

Posted by daniel King
daniel King
167 Points

include a image tag that displays "numbers-01"

how to include a image tag that displays "numbers-01?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Daniel King</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Daniel King</h1>
        <h2>Artist</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></li>)
        <img></img>
        "numbers-01.jpg"
      (<li></li>)
      <img></img>
        "numbers-02.jpg"
      (<li></li>)
       <img></img>
       "numbers-06.jpg"
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

5 Answers

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

numbers-01 is the name of the file: numbers-01.jpg, so you add that as the source of the img tag...

<img src="numbers-01.jpg" />
Ana Snawdon
PLUS
Ana Snawdon
Courses Plus Student 2,886 Points
Ana Snawdon
Ana Snawdon
Courses Plus Student 2,886 Points

Try this- <section>
<ul> <li> <a href="img/numbers-01.jpg"> (within the anchor element create your href) <img src="img/numbers-01.jpg"> (then add your image source code) <p> add a paragraph if you want </p> </a> </li>

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

the challenge specifically says not to add any captions, or links...just the images.

Carlos José
PLUS
Carlos José
Courses Plus Student 12,431 Points
Carlos José
Carlos José
Courses Plus Student 12,431 Points

If you just want to add an image HTML element then as previous answers state just do :

<img src="img/numbers-01.jpg">

An image element needs a src attribute to display any image and this attribute must have a path to the target image inside quotes.

Ana Snawdon
PLUS
Ana Snawdon
Courses Plus Student 2,886 Points
Ana Snawdon
Ana Snawdon
Courses Plus Student 2,886 Points

Apologies! Just this then... <li><img src="img/numbers-01.jpg"></li>