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 Organize with Unordered Lists

Jonavan Helom
Jonavan Helom
2,593 Points

I don't get what I'm doing wrong, do I have to (<ul>) like that?

Can you look at what I'm doing wrong?

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Jon</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        (<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>
      </nav>
    </header>
    <section>
     (</ul>)
    <li>
      <a href="img/numbers-01.jpg">
        <img src="img/numbers-01.jpg">
        <p> Experimentation with color and texture. </p>
      </a>
    (</ul>)
        <li>
      <a href="img/numbers-02.jpg">
        <img src="img/numbers-02.jpg">
        <p>Playing with blending mode in photoshop. </p>
      </a>
    </li>
           <li>
      <a href="img/numbers-06.jpg">
        <img src="img/numbers-06.jpg">
        <p>Trying to create an 80's style glows. </p>
      </a>
    </li>
           <li>
      <a href="img/numbers-09.jpg">
        <img src="img/numbers-09.jpg">
        <p>Drips created using photoshop brushes. </p>
      </a>
    </li>
           <li>
      <a href="img/numbers-12.jpg">
        <img src="img/numbers-12.jpg">
        <p>Creating shapes using repetion. </p>
      </a>
    </li>
    (</ul>)
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

You started you second un-ordered list with a closed tag </ul>. Replace it with <ul>. Just in case the ( ) where not used to highlight an area of interest, they do not belong. In addition what might make it easier for you in the future is to try to keep your code in nice tidy order based on the nesting. it will make it much easier to find mistakes. Last tip. Try to make sure the line number is included in the screen shot, makes it easier to call out an exact location. I sure hope this helps. Best!

3 Answers

Steven Parker
Steven Parker
231,269 Points

Don't enclose tags in parentheses.

The tags use the angle symbols, you would not want to further enclose them in parentheses. But do be careful to match every open tag (such as "<ul>") with an ending tag (sucn has "</ul>"). The code above has too many end tags.

Also be sure that nested elements are completely inside their containing elements.

Jonavan Helom
Jonavan Helom
2,593 Points

what you mean I have too many tags, But I took out the parentheses,

Steven Parker
Steven Parker
231,269 Points

Most elements have to two tags that enclose some content. In the case of an unordered list:

The start tag looks like this :point_right: <ul>
...the end tag looks like this :point_right: </ul>

There should be one of each for each list element, and no matter how many lists on the page, there should be the same number of start tags and end tags.

when you open your second un ordered list you start with a closed tag </ul>. replace that tag with an open tag <ul> also to answer the question of to many closing tags. when creating a list the <ul> is at the beginning, then you are able to add as many items as you like. at the end of the list that's where you apply the closing tag </ul>. here is an example: <ul> <li> item </li> <li> item2 </li> </ul> The slash inside of the tag indicates the closing of a particular element. Think open close, open close. That's the essence of html.

Try to go back to the videos, download the files, and just take some time reading through them. look at the pattern, try to find a general formatting structure, and look up un order lists. any time you look up information and read additional information the material will become locked.

let me know if you need more help, I will find something to help you.

Jonavan Helom
Jonavan Helom
2,593 Points

I get what y'all saying but I change it up, it said add 3 empty list <li> </li> to the unordered list. but but I followed what y'all saying.