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

ayushi singh
ayushi singh
2,940 Points

not able to display image

I am trying to add images under sections using unordered list but not able to do so. Getting error make sure you add image tag to display image. Please help!

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

3 Answers

those images are in the same directory with html file , you only need to write file name

          <img src="numbers-01.jpg" alt="">
ayushi singh
ayushi singh
2,940 Points

oh! got it! Thanks a lot! :)

Huseyin INAN
Huseyin INAN
170 Points

<img src="img/numbers-01.jpg" alt"">

this has syntax error

should be <img src="img/numbers-01.jpg" alt="">

Also if you dont see images on your page, you should check relative paths of them.

According to your code, directory must be like that:

-root --index.html --img (folder) ---numbers-01.jpg ---numbers-02.jpg

ayushi singh
ayushi singh
2,940 Points

Hi Huseyin,

Thanks for the reply!

I am trying the below code but still getting the same error

<img src="http://index.html/img/numbers-01.jpg" alt ="">

can you please help

Huseyin INAN
Huseyin INAN
170 Points

Can you take a screenshot of your root directory, because I dont see any thing about your codes or paths :)