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

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

mrhummel
PLUS
mrhummel
Courses Plus Student 1,765 Points
mrhummel
mrhummel
Courses Plus Student 1,765 Points

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

          <li>Portfolio</li>
Daniel Holmes
Daniel Holmes
2,765 Points
Daniel Holmes
Daniel Holmes
2,765 Points

it does not recognize the portfolio list

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points

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

Daniel Holmes
Daniel Holmes
2,765 Points
Daniel Holmes
Daniel Holmes
2,765 Points

it said to make 3

Daniel Holmes
Daniel Holmes
2,765 Points
Daniel Holmes
Daniel Holmes
2,765 Points

then why write it that way

I thought I had to be specific with writing code

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points 
<nav>
   <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
</nav>
Unsubscribed User
Unsubscribed User
4,479 Points
Unsubscribed User
Unsubscribed User
4,479 Points

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 -->
Unsubscribed User
Unsubscribed User
4,479 Points
Unsubscribed User
Unsubscribed User
4,479 Points

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