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 trialAnthony Zovich
Courses Plus Student 782 Pointswhat 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
32,636 PointsHere 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
32,636 PointsCould you post your code for me to check out??
I believe that this may help also:
<img src="folder name here/file name here">
tristanstillwell
Courses Plus Student 2,723 PointsBrowsers 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.
Anthony Zovich
Courses Plus Student 782 Points<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>
Anthony Zovich
Courses Plus Student 782 Points<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>
Anthony Zovich
Courses Plus Student 782 Points<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>
Anthony Zovich
Courses Plus Student 782 Pointswhenever I attempt to post the code.. i get image 1. numbers 2. numbers 6. instead of the actual code
Anthony Zovich
Courses Plus Student 782 Pointsso when I attempt to post the code it is posting the output of the image caption
Anthony Zovich
Courses Plus Student 782 Points''' <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
Anthony Zovich
Courses Plus Student 782 Points<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
32,636 PointsIts the ` that is attached to the ~ key. Should be near your Tab key
Anthony Zovich
Courses Plus Student 782 Points' ' ' 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> ' ' '
Anthony Zovich
Courses Plus Student 782 Points<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>
Anthony Zovich
Courses Plus Student 782 Pointsthe beginning paragraph and ending paragraph symbols are not really there in my code
Kris Byrum
32,636 PointsYou're missing an s in the img src.
Kris Byrum
32,636 PointsOther 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.
Anthony Zovich
Courses Plus Student 782 PointsI still get this error even when fixing the mispelled word
Bummer! Make sure you include an image tag that displays "img/numbers-01.jpg".