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 HTML Basics Getting Started with HTML Lists and Links Challenge

Diego Morejon
Diego Morejon
1,663 Points
Posted by Diego Morejon
Diego Morejon
1,663 Points

Hi, my im getting an Error Message, even though my Anchor tag should be correct. ..

<a href="pies.html"> <li> Pies</li></a>

why though?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lists and Links</title>
  </head>
  <body>
    <ul>
      <a href="cakes.html"> <li>Cakes</li> </a>

      <a href="pies.html"><li>Pies</li> </a>

      <a href="candy.html"> <li>Candy</li> </a>

    </ul>  
  </body>
</html>

5 Answers

Stuart Lockhart
Stuart Lockhart
8,861 Points
Stuart Lockhart
Stuart Lockhart
8,861 Points

You are putting your <li> iin the wrong place. Write it like this:

 <li><a href=cakes.html>Cakes</a></li>
Katie Wood
Katie Wood
19,141 Points
Katie Wood
Katie Wood
19,141 Points

Hi there,

Just thought it might be worth mentioning that, while browsers may render it the way you'd expect, technically <li> is the only permitted element child of a <ul> in HTML (see here(MDN) and here(W3C)).

It might work otherwise, but the intended usage is to have <li> tags inside your <ul> or <ol>, and then put anything else you want inside those. I haven't really messed with breaking that rule myself, so I'm not sure if there's specific unexpected behavior that might occur if you switch things around, but thought the docs might be of interest.

Happy coding!

Diego Morejon
Diego Morejon
1,663 Points
Diego Morejon
Diego Morejon
1,663 Points

Thank you, that was it !

Question: does it really matter? where I put the Anchor Tag, on my own project I placed the Anchors outside the List item and it still works.

Thank you for your time!

Stuart Lockhart
Stuart Lockhart
8,861 Points
Stuart Lockhart
Stuart Lockhart
8,861 Points

In Treehouse they need very specific answers, sometimes the code should work but the code challenge will say its wrong USUALLY because its trying to show you good coding practices. In this case I'd say put the anchor tag inside.

Stuart Lockhart
Stuart Lockhart
8,861 Points
Stuart Lockhart
Stuart Lockhart
8,861 Points

Although either will work, and sometimes its better the other way around. Don't worry too much about it.