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 james fall
james fall
2,986 Points

Can not get past this part of the quiz.

Quiz will not recognize any formation given. I have done exactly as the video has, I have opened my code that works just fine when I open it and click on links. This will not accept anything as valid and keeps telling me to create a tag which I have done, repeatedly. <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt="">

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

tried many ways, partial to completely filled out and nothing

1 Answer

Maxwell Carlson
Maxwell Carlson
7,265 Points
Maxwell Carlson
Maxwell Carlson
7,265 Points

Here's how I just got it to work,

'''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="">
      </a>
    </li>
    <li>

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

        <img src="img/numbers-06.jpg" alt="">
        </a>
        </li>
  </ul>
</section>
<footer>
  <p>&copy; 2013 Nick Pettit.</p>
</footer>

</body> </html>

'''

You weren't supposed to add links to the images, just the images.

james fall
james fall
2,986 Points

Actually links were added lastly when everything else failed. Without the links it still said my code as wrong.

Maxwell Carlson
Maxwell Carlson
7,265 Points

The code that I posted includes the img/numbers-01.jpg in the src attribute which is what you forgot to do.

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

Please mark my answer best answer if it works for you! If it doesn't then let me know.