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 sujey gaspar
sujey gaspar
2,212 Points

Inside the <section> element, create an unordered list with three blank list items. This will become an image gallery

how do i do thid if it doesnt want to take it

index.html 
<!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><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>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

4 Answers

edeharrison
seal-mask
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points
edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Sujey,

You want to enter your code inside the 'section' tags, which are these:

<section>
...your code goes inside here
</section>

Then you want to build out an unordered list, which will be an opening 'ul' tag, and a closing 'ul' tag.

Inside these tags, you want to put three blank list items. List items are written with 'li' tags.

It might be a good idea to re-watch the video, and then I'm sure you'll understand what the question wants.

All the best,

Ede

sujey gaspar
sujey gaspar
2,212 Points

Thank you but what do i do if it doesn't want to take the number 1 the computer shows and everything its just that the system doesn't want to take my number 1

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Sujey,

I'm not sure I understand, sorry.

Is question number 1 showing as incorrect when you submit it?

What code have you tried to input, between the 'section' tags?

<section>
..What's your code here?
</section>

All the best,

Ede

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

What do you mean it doesn't want to take it?

sujey gaspar
sujey gaspar
2,212 Points

yes i have been trying and it doesn't want to take it i have tried many times but i don't understand why it doesn't want to take it .

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

What's the code you have tried with?

Quinton Rivera
Quinton Rivera
5,177 Points
Quinton Rivera
Quinton Rivera
5,177 Points

This is the answer <section> <ul> <li> <a href=""> <img src=""alt=""> <p></p> </a> </li> <li> <a href=""> <img src=""alt=""> <p></p> </a> </li> <li> <a href=""> <img src=""alt=""> <p></p> </a> </li> </ul>
</section>

Rigo Gomez
PLUS
Rigo Gomez
Courses Plus Student 178 Points
Rigo Gomez
Rigo Gomez
Courses Plus Student 178 Points

I don't understand I put the <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Rigo Gomez | Coding </title> </head> <body>

<header>
<a href="index.html">
    <h1> Rigo Gomez </h1>
    <h2>Coder</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"   alt="">
<p>Expermination with color and texture.</p>
</a>
</li>

<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg"   alt="">
<p>Trying to create an 80's sytle of glows.</p>
</a>
</li>

<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg"   alt="">
<p>Drips created using Photoshop brushes.</p>
</a>
</li>

<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg"   alt="">
<p>Creating Shapes using repetition.</p>
</a>
</li>

<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg"   alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>



</ul>

</section>
<footer>
<p>&copy; 2016 Rigo Gomez. </p>
</footer>
</body>

</html>

but it still stating that the section part is incorrect on the quiz- yet the index.html shows correct!