HTML HTML Basics Getting Started with HTML Lists and Links Challenge

Montse Gonzalez
Montse Gonzalez
947 Points

You need to set the 'href' attribute of the second <a> element to 'pies.html'.

You need to set the 'href' attribute of the second <a> element to 'pies.html'.

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Lists and Links</title>
  </head>
  <body>
<ol>
  <ul>
  <a href= "cakes.html">Cakes</a>
  <a href= "pies.html">Pies</a>
    <a href= "candy.html">Candy</a>
  </ul>
     <li>
        Contact
      <ul>
       <li>Email</li> 
         <li>Phone</li>
         <li>Address</li> 

        </ul>
       </li>
     </ol>

  </body>
</html>

2 Answers

Linas Mackonis
Linas Mackonis
6,718 Points

Hi Montse, remember to place every list item into <li> tags. Here is a full solution:

<!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>
Oszkár Fehér
Oszkár Fehér
Treehouse Project Reviewer

Just a friendly advise full code solution may help him to pass the quiz if that is the goal.

Oszkár Fehér
Oszkár Fehér
Treehouse Project Reviewer

Hi Montse Gonzalez. You are almost there, it's just missing a tag from each list element, the 1st question: Convert the text inside the <body> tags into an unordered list. which you created

<ol>       <----- but this part? an experiment?
  <ul>       <--- this with
  <a href= "cakes.html">Cakes</a>     <--- and here should be the list element
  <a href= "pies.html">Pies</a>
    <a href= "candy.html">Candy</a>
  </ul>      <--- this
     <li>           <----- I guess this part is an experiment as well
        Contact
      <ul>
       <li>Email</li> 
         <li>Phone</li>
         <li>Address</li> 

        </ul>
       </li>
     </ol>

In your code between <ul> tags should be a list tag, <li> and you have <a> tag which will come handy in the second question which is the following: 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. I hope it will help you figure out. Happy coding.