"Build a Diary App Using Core Data" was retired on May 31, 2020. You are now viewing the recommended replacement.

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

Jasmine Willis
Jasmine Willis
8,433 Points
Posted by Jasmine Willis
Jasmine Willis
8,433 Points

How to Make the text inside each list item a link.

Make the text inside each list item a link. The first item should link to cakes.html, the second to pies.html and the third to candy.html.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lists and Links</title>
  </head>
  <body>
    <ul>

      <li> Cakes </li>
      <li> Pies </li>
      <li> Candy </li>


      <a href="#">cakes.html</a>
      <a href="#">pies.html</a>
      <a href="#"> candy.html</a>
    </ul>
  </body>
</html>
Jamal Westfield-Kirton
Jamal Westfield-Kirton
1,873 Points
Jamal Westfield-Kirton
Jamal Westfield-Kirton
1,873 Points

<li><a href="cakes.html">cakes</a></li>

Adam Payne
Adam Payne
1,709 Points

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

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You've got the right bits, but out of place. The "a" tags need to go inside the list items (li) and enclose the names. Then the URL's you are linking to will be href property values inside the starting "a" tag.

I don't give code spoilers myself, but since Adam left you one you might peek if you still have trouble.