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

matteo boni
matteo boni
5,087 Points
Posted by matteo boni
matteo boni
5,087 Points

help with this function

can you help me with this passage?

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 href="portfolio.html" portfolio</a>
            <a href:="about.html" about</a>
            <a href:="contact.html" contact</a>
          </li>
        </ul>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Andy Crofford
Andy Crofford
9,959 Points 
<a href:="about.html" about</a>

Should be:

<a href="about.html">About</a>

Remove the : after href and an ending >.

Also check your capitalization on the list labels.

1 Answer

Tobias Helmrich
Tobias Helmrich
31,603 Points
Tobias Helmrich
Tobias Helmrich
31,603 Points

Hey Matteo,

there are a few problems in your code. You have to create a list item for all of the three different words (Portfolio, About, Contact). You also didn't close your opening anchor tag and you have to remove the colon in front of the = at the href attribute for About and Contact. And please also note that you don't have to add the links in the second task but in the third task.

So for the second task it should just look like this:

        <ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        </ul>

and for the third task like this:

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

I hope that helps, good luck! :)