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 vihari kittu
vihari kittu
Courses Plus Student 446 Points

i dont understand whats wrong in what i typed. pls help me

i have written a code for adding images to the image tag. as <img scr="img/numbers-01.jpg" alt="">

but it shows the same thing again. i dont get it. help me

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>
      <ul>
      <li>
        <img scr="img/numbers-01.jpg" alt="">
      </li>
      <li>
        <img scr="img/nummbers-02.jpg" alt="">
      </li>
      <li>
        <img scr="img/numbers-06.jpg" alt="">
      </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

4 Answers

Colin Bell
Colin Bell
29,679 Points
Colin Bell
Colin Bell
29,679 Points

The source attribute is src. You have scr. Also, your second img source has an extra m in the word numbers.

<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>
vihari kittu
PLUS
vihari kittu
Courses Plus Student 446 Points
vihari kittu
vihari kittu
Courses Plus Student 446 Points

<ul> <li> <img src="img/numbers-01.jpg" alt=""> </li> <li> <img src="img/numbers-02.jpg" alt=""> </li> <li> <img src="img/nubers-06.jpg" alt=""> </li> </ul>

even now it shows a bummer what should i do??

Colin Bell
Colin Bell
29,679 Points
Colin Bell
Colin Bell
29,679 Points

Add an opening ul tag before the first li tag. And your third image is forgetting an m in numbers. Should be numbers-06.jpg

<ul> <!-- Don't forget this -->
   <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>
vihari kittu
PLUS
vihari kittu
Courses Plus Student 446 Points
vihari kittu
vihari kittu
Courses Plus Student 446 Points

thank u though it did not help me.

Colin Bell
Colin Bell
29,679 Points
Colin Bell
Colin Bell
29,679 Points

It's passing for me. Are you adding that list in between the < section> tags? The entire code should look something like this:

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>

    <!-- This is the beginning of the code you're adding -->
      <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>
    <!-- This is the end of the code you're adding -->

    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
vihari kittu
PLUS
vihari kittu
Courses Plus Student 446 Points
vihari kittu
vihari kittu
Courses Plus Student 446 Points

yup!! thank u very much got it.