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

Wyatt Lamond
Wyatt Lamond
219 Points
Posted by Wyatt Lamond
Wyatt Lamond
219 Points

image tag

this task has me create an unordered list, then create 3 list items with the images specified. it says do not put any captions and to leave the alt tags alone. It is telling me I do not have an image tag for the first one, however, this looks exactly like my corresponding workspace does, minus the alt tags and the captions. 

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

6 Answers

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

You used the <a> element inside your list items.

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

That means you're trying to create a link to the image. But the challenge wants you to simply add the images to your list items not link to the images.

So you want to use the <img> element instead.

<img src="" alt="">

That's the basic html you would use to display an image on your page. This challenge wants you to leave the alt tag blank but you should fill in the path to the image for the src attribute.

Let me know if it's still not clear.

Alexandra Silcox
Alexandra Silcox
24,486 Points
Alexandra Silcox
Alexandra Silcox
24,486 Points

What you have in your code isn't an img element, but an anchor element. Anchor elements are set up to apply navigation to a page. The challenge is asking to add images to the list items (but not making them links). So in this case you would use the img tag alone. Also be sure that you don't have any typos for your image path, I noticed the second list item is missing a digit at the end, you have "img/numbers-0.jpg" instead of "img/numbers-02.jpg" .

So instead of: 

<ul>
        <li>
            <a href="img/numbers-01.jpg">
          </a>
        </li>
        <li>
            <a href="img/numbers-0.jpg">
          </a>
        </li>
        <li>
            <a href="img/numbers-06.jpg">
          </a>
        </li>
  </ul>

You need:

 <ul>
        <li>
           <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
             <img src="img/numbers-02.jpg" alt=""> 
        </li>
        <li>
             <img src="img/numbers-06.jpg" alt="">
        </li>
    </ul>
Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Wyatt,

Task 2 only wants you to add images inside the list items. It says no captions or links. So they want you to use the <img> element inside your list items.

Wyatt Lamond
Wyatt Lamond
219 Points
Wyatt Lamond
Wyatt Lamond
219 Points

still confused, isn't what I have just the img element

Wyatt Lamond
Wyatt Lamond
219 Points
Wyatt Lamond
Wyatt Lamond
219 Points

still confused, isn't what I have just the img element