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

Posted by Fateh Narula
Fateh Narula
389 Points

add 3 empty list items <li></li>

HELP

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Wilbonia | Youtube</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Wilbonia</h1>
        <h2>Youtube</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="moments.html">Moments</a></li>
          <li><a href="about.html">About</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <a href="img/fg.jpg"> 
            <img src="img/fg.jpg" alt="">
            <p>I Record UHC stuff alot.</p>
          </a>
        </li>
        <li>
          <a href="img/123.png"> 
            <img src="img/123.png" alt="">
            <p>Thats me in a faction server, Desteria.</p>
          </a>
        </li>
         <li>
          <a href="img/321.png"> 
            <img src="img/321.png" alt="">
            <p>Thats me playin' UHC FFA in Badlion.</p>
          </a>
        </li>
         <li>
          <a href="img/uhc ffa.jpg"> 
            <img src="img/uhc ffa.jpg" alt="">
            <p>Join me on Badlion and play UHC FFA etc..</p>
          </a>
        </li>
         <li>
          <a href="img/faction pic 1.jpg"> 
            <img src="img/faction pic 1.jpg" alt="">
            <p>Factions! :>.</p>
          </a>
        </li>
        </ul>
    </section>
    <footer>
      <p>&copy; 2015 Wilbonia.</p>
    </footer>
  </body>
</html>

2 Answers

Kristian Terziev
Kristian Terziev
28,449 Points
Kristian Terziev
Kristian Terziev
28,449 Points

No need for anchor elements. No need for paragraphs. The code is simpler than you think. Here it is:

 <ul>
  <li>
    <img src="img/numbers-01.jpg" alt="" />
  </li>
  <li>
    <img src="img/numbers-02.jpg" alt="" />
  </li>
  <li>
   <img src="img/numbers-06.jpg" alt="" />
  </li>
</ul>
Fateh Narula
Fateh Narula
389 Points
Fateh Narula
Fateh Narula
389 Points

THANK U!