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

Hafiz Lubis
Hafiz Lubis
365 Points
Posted by Hafiz Lubis
Hafiz Lubis
365 Points

Did I miss anything here? My work on creating HTML code is always wrong. Help me please!

I just did follow the instruction, but it always says wrong. Hep me.

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

2 Answers

Rich Bagley
Rich Bagley
25,869 Points

Hi Hafiz,

You look to have closed your image tags too soon.

Where you have:

<img src=""> alt="">

try removing the first > on all 3 image tags so they become:

<img src="" alt="">

EDIT: Based on comments, without editing anything else on the code which is already there you should simply have to add the following within the section tags as stage 1:

<ul>
        <li></li>
        <li></li>
        <li></li>
      </ul>

and this for stage 2:

<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>

You look to have added anchor tags too which is more than is asked.

Hope that helps

-Rich

Hafiz Lubis
Hafiz Lubis
365 Points
Hafiz Lubis
Hafiz Lubis
365 Points

Yup, you right. I did a mistake on that. Thank you. But I still have an issue on this test. I've already put the image source too. But nothing goes right.

Rich Bagley
Rich Bagley
25,869 Points

HI Hafiz,

I've added an edit to my answer above. Hopefully that helps.

-Rich

Hafiz Lubis
Hafiz Lubis
365 Points
Hafiz Lubis
Hafiz Lubis
365 Points

Yay..I did it! Thank you Rich! You're very helpful. I spent hours to finish this test. HA!

Rich Bagley
Rich Bagley
25,869 Points

No problem. Glad I could help :)

-Rich