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

diya jabr
diya jabr
797 Points
Posted by diya jabr
diya jabr
797 Points

how I can make a text inside list item a link

I would like to change the text inside a list item to a link

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

2 Answers

John McMahon
John McMahon
1,876 Points
John McMahon
John McMahon
1,876 Points

You need to wrap the items in <li> elements. So something like:

<ul>

<li><a href="">Cakes</a></li>

<li><a href="">Pies</a></li>

<li><a href="">Candy</a></li>

</ul>

Rick Rana
Rick Rana
10,285 Points
Rick Rana
Rick Rana
10,285 Points

Hey Diya,

You just have to wrap your <a> anchor tags inside of <li> list tags, like so...

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

Hope this helps.