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

Alice Roberts
Alice Roberts
936 Points

Task 2

I keep getting a message that for pies I need to put the href="pies.html" I have already done this and it has worked for the other two items in the list, but I cannot work out why it is incorrect for the second list item.

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>
Anusha Lee
Anusha Lee
Courses Plus Student 14,787 Points

Hi Alice,

Anchor elements <a></a> nested inside <li></li> elements. I check why the way you wrote doesn't work, and the answer I got is it's illegal/invalid to write in this way, kind like a grammar rule. Hope this helps.

Anusha

1 Answer

You have the right idea but unfortunately your placing of the anchor tags is the problem here. If you move the anchor tags inside of the list tags like below you should pass the challenge.

<!DOCTYPE html>
<html>
  <head>
    <title>Lists and Links</title>
  </head>
  <body>
    <ul>
      <li><a href='cakes.html'>Cakes</a></li>
      <li><a href='pies.html'>Pies</a></li>
      <li><a href='candy.html'>Candy</a></li>
    </ul>
  </body>
</html>