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

Nour AlKathiri
PLUS
Nour AlKathiri
Courses Plus Student 519 Points
Posted by Nour AlKathiri
Nour AlKathiri
Courses Plus Student 519 Points

what do they mean by image tag?

what is wrong with my code?

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.jpg">
            <img src="img/numbers-01.jpg"alt="">
            </a>
          </li>

        <li>

        <a href ="img/numbers-02.jpg">
          <img src ="img/numbers-02.jpg" alt="">

          </a>
        </li>
        <li>
        <a href ="img/numbers-06.jpg">
          <img src ="img/numbers-06.jpg" alt="">

          </a>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

5 Answers

Anton Bredl
Anton Bredl
15,359 Points
Anton Bredl
Anton Bredl
15,359 Points

Good work on going above and beyond with the <a></a> link tags around the images!

Image tag is simply <img src=""/> It looks like you have forgotten to close your image tags at the end with the /> They are self closing tags; this is a very easy thing to forget so no worries.

<section>
  <ul>
    <li> <img src="img/numbers-01.jpg"/> </li>
    <li> <img src="img/numbers-02.jpg"/> </li>
    <li> <img src="img/numbers-06.jpg"/> </li>
  </ul>  
</section>

This code worked for me. Hopefully this helps!

Radu Ioan Stochita
Radu Ioan Stochita
3,558 Points

Yes, it works, but nowadays it's not necessary to close the self-closing tags, so you could simply leave it like this:

<img src = "img/numbers-01.jpg" alt = "">
Kristian Terziev
Kristian Terziev
28,449 Points
Kristian Terziev
Kristian Terziev
28,449 Points

This for example:

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

The tag itself is <img> and it has attributes src and alt.

Nour AlKathiri
Nour AlKathiri
Courses Plus Student 519 Points
Nour AlKathiri
Nour AlKathiri
Courses Plus Student 519 Points

My error seems to be in the img numbers-01 but I can't figure out where's the error.

Kristian Terziev
Kristian Terziev
28,449 Points
Kristian Terziev
Kristian Terziev
28,449 Points

I took a look at the objective and they actually do not need links so you should remove the opening and closing "a" tags.

Nour AlKathiri
PLUS
Nour AlKathiri
Courses Plus Student 519 Points
Nour AlKathiri
Nour AlKathiri
Courses Plus Student 519 Points

Very strange, tried all these suggestions and nothing worked.

Still getting the same error message: Make sure you include an image tag that displays "img/numbers-01.jpg"

Radu Ioan Stochita
Radu Ioan Stochita
3,558 Points 
<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>

This worked for me. You might try it and see.