Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Create Navigation with Lists

what is the problem

<!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>"Portfolio"</li> <li> "About"</li> <li> "Contact"</li></ul> </nav> </header> <section></section> <footer>

Karolin Rafalski
Karolin Rafalski
11,368 Points

Could you elaborate on the issue you are having? All I see is that your ul and footer tags are not closed

8 Answers

HTML doesn't need quotes around text! Just declare the li elements like this:

          <li>Portfolio</li>

it does not recognize the portfolio list

Karolin Rafalski
Karolin Rafalski
11,368 Points

ahh, I see- to pass this challenge do not fill in any text between your li tags

it said to make 3

then why write it that way

I thought I had to be specific with writing code

Karolin Rafalski
Karolin Rafalski
11,368 Points
<nav>
   <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
</nav>

Hi Daniel,

Can you give use a little more information on what you would like to know?

I don't know if this answers your question but I will address what I can see and hopefully you can let me know if this was part of your question.

An important practise is that when you open a tag, you must then close it. Another important understanding is the anatomy of an HTML document - the important parts of an HTML document.

To start an HTML page, you open an HTML tag then close it with a closing tag. Each html document has a HEAD and a BODY. The HEAD sits at the top and contains things like the TITLE, the BODY sits underneath the HEAD and contains the content of your page.

Have a look at the code below and compare this basic structure to your code and see if you can see what's out of place. (I don't know if you have been confused by a HEAD tag and a HEADER tag?)

<!doctype html>                                      <!-- doctype -->
<html>                                                      <!-- opening HTML tag -->

    <head>                                                 <!-- opening HEAD tag -->
        <meta charset="utf-8">
        <title>Nick Pettit</title>
    </head>                                               <!-- closing HEAD tag -->


<body>                                                     <!-- opening BODY tag -->

<header>
    <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
    </a> 
    <nav>
        <ul>
            <li>"Portfolio"</li>
            <li> "About"</li>
            <li> "Contact"</li>
        </ul> 
  </nav>
</header>
<section></section>
<footer> </footer>

</body>                                                   <!-- closing BODY tag -->

</html>                                                    <!-- closing HTML tag -->

You've had a few answers since I wrote something so sorry if I waffled on a bit.