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

what is an image tag?

My code is incorrect due to an incorrect image tag for number-02, however when I preview it, the image and caption both appear

13 Answers

Kris Byrum
Kris Byrum
32,636 Points

Here you go.

Code Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

        ```html
        <p>This is code!</p>
        ```
Kris Byrum
Kris Byrum
32,636 Points

Could you post your code for me to check out??

I believe that this may help also:

<img src="folder name here/file name here">

Browsers are very forgiving, meaning they sometimes allow "malformed" HTML code to be processed to recover from front end programming errors in an attempt to render the page anyway. It's likely that you are using an element with <image> as the name of the element which is not a valid HTML tag instead of the <img> tag. Post your code though and we can check it out.

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>image 1.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>numbers 2.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers 6.</p> </a> </li> </ul> </section>

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>image 1.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>numbers 2.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers 6.</p> </a> </li> </ul> </section>

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>image 1.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>numbers 2.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers 6.</p> </a> </li> </ul> </section>

whenever I attempt to post the code.. i get image 1. numbers 2. numbers 6. instead of the actual code

so when I attempt to post the code it is posting the output of the image caption

''' <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>image 1.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>numbers 2.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers 6.</p> </a> </li> </ul> </section>'''

language is Html

<p> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>image 1.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>numbers 2.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers 6.</p> </a> </li> </ul> </section>

</p>

Kris Byrum
Kris Byrum
32,636 Points

Its the ` that is attached to the ~ key. Should be near your Tab key

' ' ' html <p> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>image 1.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>numbers 2.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers 6.</p> </a> </li> </ul> </section> </p> ' ' '

<p>
 <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
          <img src="img/numbers-01.jpg" alt="">
          <p>image 1.</p>
            </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/number-02.jpg" alt="">
          <p>numbers 2.</p>
            </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
          <p>numbers 6.</p>
            </a>
        </li>
      </ul>
    </section>
</p>

the beginning paragraph and ending paragraph symbols are not really there in my code

Kris Byrum
Kris Byrum
32,636 Points

You're missing an s in the img src.

Kris Byrum
Kris Byrum
32,636 Points

Other than that it should work.

Often I misspell or mix up numbers in my code. It's always the first thing I check. And then go from there.

I still get this error even when fixing the mispelled word

Bummer! Make sure you include an image tag that displays "img/numbers-01.jpg".