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

how to include img tag that displays "numbers-01.jpg"

please reply

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".>
               <img scr="img/numbers-01.jpg" alt="">
               <p >experimentation on picture </p>
              </a>
          </li>
          <li>
              <a href="img/numbers-02.jpg".>
               <img scr="img/numbers-02.jpg" alt="">
               <p >playing with saatvik </p>
              </a>
          </li>
          <li>
              <a href="img/numbers-06.jpg".>
               <img scr="img/numbers-06.jpg" alt="">
               <p >vishesh </p>
              </a>
          </li>
        </ul>
      </section>
      <footer>
        <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Jason Anders is correct about the challenge, but again, I was trying to answer the question in the subject line. I'm just trying to help! I certainly didn't mean to confuse anyone!

Jason Anders
Jason Anders
Treehouse Moderator 145,857 Points

No, you did right Jennifer Nordell. No confusion here.

I simply expanded on your already correct answer to the question. :smiley:

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

No, the code isn't correct. But... thankfully it's just a typo! In each one of your image tags you've managed to type "scr" instead of "src". Take a look at what I mean:

You typed:

<img scr="img/numbers-01.jpg" alt="">  <!-- scr isn't correct -->

But it should be:

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

Also, you have a random period at the end of your hrefs like so:

<a href="img/numbers-01.jpg".>

Remove that period and if you flip the c and the r in each one of your img tags it should start working. Hope this helps!

Konrad Pilch
Konrad Pilch
2,435 Points

Oh lal :D I haven't coded for a while. Need to get back to it.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Konrad Pilch Well, welcome back then! But you're correct, the hrefs are still off because of the period. I updated the answer to reflect this.

Konrad Pilch
Konrad Pilch
2,435 Points

Thats good. Iv havent checked the code another time in the forum : p but i havent done any coding my self for a while, i guess i kinda slighlty lost the checking part :D

Yep, today im getting back to it again.

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,857 Points

Jennifer is correct, but you also missed a vital part of the instructions. The challenge specifically says to add only the image tags and to "Leave the alt attributes blank, and don’t add any captions or links. Just the images!", but you have added both. So, in addition to Jennifer's corrections, you will also need to delete the links (<a> tags) and delete the captions (<p> tags).

Keep Coding! :dizzy:

Konrad Pilch
Konrad Pilch
2,435 Points

The challenge specifically says that, but he asked "how to include img tag that displays "numbers-01.jpg".

:D If you know what i mean.

Jason Anders
Jason Anders
Treehouse Moderator 145,857 Points

I know, and Jennifer already answered that question, but even with her corrections, the code would not pass the challenge question being asked. So, I added the corrections needed to pass the challenge as well.

Konrad Pilch
Konrad Pilch
2,435 Points

Yes i totally get you :D I think that there are different people that think differently? I mean, if i post something for 50% id try to figure the other 50% my self, as thats how i learn :D

But yeah, its right, i think its just if we look on it form different angles we get different perspectives on it as we all think differently.