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 How to Make a Website Creating HTML Content Create Navigation with Lists

AnaKarina Dominguez
AnaKarina Dominguez
252 Points
Posted by AnaKarina Dominguez
AnaKarina Dominguez
252 Points

Link each of the three list items. Portfolio should go to the "indext.html",About should go to the "about.html" ....

I am trying to link the "index.html"> Portfiolio</a></li>

for some reason it keep mention there is an error.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a herf="index.html">Portfolio</a></li>
          <li><a herf="about.html">About</a></li>
          <li><a herft="contact.html">Contact</a></li>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Tony McKeown
Tony McKeown
Courses Plus Student 14,300 Points
Tony McKeown
Tony McKeown
Courses Plus Student 14,300 Points

You haven't closed your ul tag after the last li item.

You have also spelt href incorrectly in a few of those a tags.

9 Answers

Omar Ochoa
Omar Ochoa
13,498 Points
Omar Ochoa
Omar Ochoa
13,498 Points

Hi AnaKarina,

There's an error in your code. The error is in the anchor tag - instead of "herf" it should be "href"

Here is what you have:

      <li><a herf="index.html">Portfolio</a></li>
      <li><a herf="about.html">About</a></li>
      <li><a herft="contact.html">Contact</a></li>

It should look like this:

      <li><a href="index.html">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>

Also, remember to close out the unordered list and nav elements as well. The closing tags are missing.

Final code should look like this:

<nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav>

Omar Ochoa
Omar Ochoa
13,498 Points
Omar Ochoa
Omar Ochoa
13,498 Points

You're welcome, glad I could help :)

AnaKarina Dominguez
AnaKarina Dominguez
252 Points
AnaKarina Dominguez
AnaKarina Dominguez
252 Points

sorry to bother again. Do you see any error in this code?

<ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's stule of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Photoshopt Brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes.</p> </a> </li

</ul>
AnaKarina Dominguez
AnaKarina Dominguez
252 Points
AnaKarina Dominguez
AnaKarina Dominguez
252 Points

sorry to bother again. Do you see any error in this code?

<ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's stule of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Photoshopt Brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes.</p> </a> </li

</ul>
Jordan Mykleby
Jordan Mykleby
6,265 Points
Jordan Mykleby
Jordan Mykleby
6,265 Points

There is just the smallest error that I could see. Your last list item is not completely closed.

It should look like this: </li>

AnaKarina Dominguez
AnaKarina Dominguez
252 Points
AnaKarina Dominguez
AnaKarina Dominguez
252 Points

yes I closed it but still the pictures are not showing. Probably is my internet.

Now it look like this:

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's stule of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Photoshopt Brushes.</p> </a> </li>

  <li>
    <a href="img/numbers-12.jpg">
        <img src="img/numbers-12.jpg" alt="">
        <p>Creating shapes.</p>
      </a>
  </li>

</ul>
</section>
AnaKarina Dominguez
AnaKarina Dominguez
252 Points
AnaKarina Dominguez
AnaKarina Dominguez
252 Points

yes I closed it but still the pictures are not showing. Probably is my internet.

Now it look like this:

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's stule of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Photoshopt Brushes.</p> </a> </li>

  <li>
    <a href="img/numbers-12.jpg">
        <img src="img/numbers-12.jpg" alt="">
        <p>Creating shapes.</p>
      </a>
  </li>

</ul>
</section>
Omar Ochoa
Omar Ochoa
13,498 Points
Omar Ochoa
Omar Ochoa
13,498 Points

The code looks fine to me and the path to the images look correct. If the images aren't showing up, it may be that you forgot to upload the images to the workspace, or the images didn't upload correctly.

Shane Anderson
Shane Anderson
2,396 Points
Shane Anderson
Shane Anderson
2,396 Points

Hey AnaKarina,

try putting "./ " in front of the path and see if that works. i've had this issue before for some reason and i just play around with the path til it works. Hope this helps!