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 Josiah Sanchez
Josiah Sanchez
2,813 Points

What am I doing wrong?

It says I do not have the image tag and keeps telling me to make sure I include it. How do I do this? I've tried this so many ways and I keep getting the same thing coming up.

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="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>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Justin Kraft
Justin Kraft
26,327 Points
Justin Kraft
Justin Kraft
26,327 Points

The challenge does not specify what directory the images are located, thus by default assume they are located in the same directory. This means, remove the "img/" part of the source reference and it should be fine.

3 Answers

jamescool
jamescool
44,592 Points

The alt tags must have an equals sign between "alt" and the first set of parentheses.

Kelly von Borstel
Kelly von Borstel
28,880 Points
Kelly von Borstel
Kelly von Borstel
28,880 Points

Hi, Josiah. I don't think the images are inside an image folder, so your path does not need to include 'img/' before the file name of each image.

<!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.jpg" alt=""></li>
        <li><img src="numbers-02.jpg" alt=""></li>
        <li><img src="numbers-06.jpg" alt=""></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Josiah Sanchez
Josiah Sanchez
2,813 Points
Josiah Sanchez
Josiah Sanchez
2,813 Points

You guys are awesome! Thanks so much for the help!