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

Nalini Patwari
Nalini Patwari
933 Points
Posted by Nalini Patwari
Nalini Patwari
933 Points

Hello, I am trying to create an image tag and providing an image source but I keep getting an error.

I am getting an error that the image source is incorrect, even though that is not the case. I have specified a correct image source.

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>
          <a href="img/numbers-01.jpg"></a>
          <img src="img/numbers-01.jpg alt="">
        </li>
        <li>
          <a href="img/numbers-02.jpg"></a>
          <img src="img/numbers-02.jpg" alt="">
        </li>
        <li>
         <a hre="img/numbers-06.jpg"></a>
         <img src="img/numbers-06.jpg" alt="">
        </li>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Brian DuPont
Brian DuPont
30,448 Points
Brian DuPont
Brian DuPont
30,448 Points

Also a typo on the third image link: <a hre="img/numbers-06.jpg"></a>, href is spelled hre. It will pass without fixing though.

3 Answers

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

On your first image, you are forgetting a ". Should be: 

  <a href="img/numbers-01.jpg"></a>
          <img src="img/numbers-01.jpg" alt="">
Nalini Patwari
Nalini Patwari
933 Points
Nalini Patwari
Nalini Patwari
933 Points

Got it, thanks for your help!

Lisa Sparks
Lisa Sparks
3,187 Points

what is a image tag

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

Lisa Sparks , the image tag is what allows you to put an image in your html. It looks like this 

<img src="http://lorempixel.com/200/200" alt="Random pic from LoremPixel">

The src attribute is the source of the picture and the alt attribute is a description of the image.

Lisa Sparks
Lisa Sparks
3,187 Points
Lisa Sparks
Lisa Sparks
3,187 Points

got it thanks a lot