Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Organize with Unordered Lists

Posted by Gabriel Kopylov
Gabriel Kopylov
620 Points

How to make a website. Challenge task 2 of 2.

Not sure what my code is missing, or if there is some part of the code inaccurately displayed.

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">
            <img src="IMG/numbers-01.jpg" alt="">
          </a>  
        </li>
        <li>
          <a href="img/numbers-02.jpeg">
            <img src="IMG/numbers-02.jpg" alt="">
          </a> 
        </li>
        <li>
          <a href="img/numbers-06.jpeg">
            <img src="IMG/numbers-06.jpg" alt="">
          </a> 
        </li>
      </ul>

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

2 Answers

David Endersby
David Endersby
24,915 Points
David Endersby
David Endersby
24,915 Points

Hello Gabriel, A few things. You didn't need the anchor tags cos your not linking to the image just showing it. And the images are in the same directory as the html file so you don't need IMG/

Have a look at this

<!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>
Devin Gray
Devin Gray
39,261 Points
Devin Gray
Devin Gray
39,261 Points

Your IMG path in your img src should be lowercase, like this.

<img src="img/img.jpg" alt="" />