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

please help me out

please help me out how

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <nav>
          <ul>

            <li><a href="index.html">Portfolio</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="about.html">About</a></li>
          </ul>
        </nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

11 Answers

Samuel Webb
Samuel Webb
25,370 Points

What is it that you need help with?

Also just something I noticed, why is your entire nav wrapped in that a tag leading to index.html?

Samuel Webb
Samuel Webb
25,370 Points

Make sure you're fully reading the directions and following exactly what they're asking. No need for the li elements at the beginning. It specifically says not to add those during the first part of the challenge. Also, it says to add your nav AFTER the link inside of the header.

<header>
  <a href="index.html">
    <h1>Nick Pettit</h1>
    <h2>Designer</h2>
  </a>
  <nav>
    <ul></ul>
  </nav>
</header>
Kyle Biancardi
Kyle Biancardi
1,674 Points

Your closing anchor needs to be before the navigation element. Im new so I could very well be wrong. the /a tag should be before the opening nav tag.

Kyle Biancardi
Kyle Biancardi
1,674 Points

also you are linking your headers so make sure ur h1 and h2 tags are within the anchor element then close anchor tags the start your nav tags

Kyle Biancardi
Kyle Biancardi
1,674 Points

Samuel Webb how did you get the code into your question or response?

Omar Emara
Omar Emara
18,249 Points

You need to type ``` before and after the areas you want to display as codes.

There you go! 
Samuel Webb
Samuel Webb
25,370 Points

All the text you're inputting in this forum is actually using a language called Markdown. Click on the Markdown Cheatsheet at the bottom of the text boxes to learn more about it. Basically you do exactly what Omar said. You use the three back ticks before and after the code you want to show. You can also give an optional argument after the first three back ticks which is the name of the language you're writing in. That's how you get it to color properly. By the way, the back tick is on the same button as the tilde(~), don't confuse it with the single quote.

Kyle Biancardi
Kyle Biancardi
1,674 Points

** **<p> Like this? </p> ** **

Kyle Biancardi
Kyle Biancardi
1,674 Points

well i guess that wasn't correct.lol

Omar Emara
Omar Emara
18,249 Points

lol..no just the ''' without the **

Kyle Biancardi
Kyle Biancardi
1,674 Points

<img src="numbers-01.jpg" alt"">

Kyle Biancardi
Kyle Biancardi
1,674 Points

how did you get it to have the black behind it?

Alan Mattanó
PLUS
Alan Mattanó
Courses Plus Student 12,188 Points

Hi Ayush, here is how: You can learn more about anchors following this course:

https://teamtreehouse.com/library/html/links/anchors

Just make all the course including css. In the code you provide the link "index.html" with the anchor looks like has a closing out of place. So go on following the course and you will get the way of doing this if it was not a mistake.

Just as example solution can be:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
        <nav>
          <ul>
            <li><a href="index.html">Portfolio</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="about.html">About</a></li>
          </ul>
        </nav>

        <a href="index.html">
           <h1>Nick Pettit</h1>
           <h2>Designer</h2>
       </a>
    </header>

    <section></section>

    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>