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

Posted by Daniel Holmes
Daniel Holmes
2,765 Points

frustration

<!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 index.html Portfolio</li> <li> a href about.html About</li> <li> a href contact.html Contact</li></ul> </nav> </header> <section></section> <footer> <p>Ā© 2013 Nick Pettit.</p> </footer> </body> </html>

I had task 2 done then this was kicked back I had quatation marks but it still did not work

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points 
  <li><a href="index.html">Portfolio</a></li>

You have not formatted your link tags correctly. They should follow the above format.

1 Answer

huckleberry
huckleberry
14,636 Points
huckleberry
huckleberry
14,636 Points

Heya Dan,

You're missing a couple of things there brother. Somehow your code got turned into soup lol

  1. Your anchor tags don't have the < and > brackets wrapping them.

  2. href is an attribute and attributes need the equal sign to assign it a value.

You have 

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

the first anchor tag doesn't have a closing angle bracket, it doesn't have a closing anchor tag and your Portfolio text isn't wrapped in the tag

The 2nd and third ones have no brackets whatsoever

<!--should be-->

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

Look at the difference between the two. Pay attention to the syntax and practice it. It's rather important to have mastery over formatting anchor tags! :)

Cheers,

Huck - :sunglasses: