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
Lauren Sithole Gadyadza
6,659 Pointscaptioning images
after refreshing the picture is not showing in the experience VR page. help me where i am lost
Steven Parker
229,732 PointsThe best way to share both your code and environment is to make a snapshot of your workspace and post the link to it here.
7 Answers
Kevin Gates
15,052 PointsLauren Sithole Gadyadza : there are a number of issues which I will help you debug and learn below.
On line 1 and 2 of your index html and line 92, you misspelled "DOCTYPE" and "html" You have
<!DOCTYP html>
<htlm>
......//all of your other code
</htlm>
but should be:
<!DOCTYPE html>
<html>
......//all of your other code
</html>
On line 23, you put a comma instead of a period:
<img src="img/featured,jpg" alt="virtual reality user">
but should be:
<img src="img/featured.jpg" alt="virtual reality user">
On line 25 on your index.html. You forgot to closing quote on the end of your target attribute. You have
<a href="https://teamtreehouse.com/vr" target="_blank>Start Your VR Journey</a>
But it should be this:
<a href="https://teamtreehouse.com/vr" target="_blank">Start Your VR Journey</a>
On line 36, you misspelled figcaption on the closing tag.
From this:
<figcaption>
virtual reality users can explore faraway places and feel as though they are right in the middle of the action
</figcation>
but should be this:
<figcaption>virtual reality users can explore faraway places and feel as though they are right in the middle of the action</figcaption>
And you're missing a closing figure tag after the </figcaption>
You need this:
<figcaption>virtual reality users can explore faraway places and feel as though they are right in the middle of the action</figcaption>
</figure>
On line 57, you're opening paragraph tag is capitalized so that won't work. You have:
<P>by: Author McAauthorface</p>
but should be:
<p>by: Author McAauthorface</p>
On line 74, you added an improper and unnecessary closing tag
<li><a href="#"></>Learn to create educational experiences in VR</a></li>
but should be:
<li><a href="#">Learn to create educational experiences in VR</a></li>
On line 72, you didn't close the opening header tag:
<h3Top VR Resourses</h3>
But should be:
<h3>Top VR Resourses</h3>
On line 88, you have a capitalized P on your closing paragraph tag. (and misspelled experience, but that won't cause errors)
<p>© 2017 Exeperience VR, The Blog</P>
Should be lowercase
<p>© 2017 Experience VR, The Blog</p>
You can view the final code here: https://w.trhou.se/8bo4sqyhgi
Lauren Sithole Gadyadza
6,659 Pointssorry i am not getting you may you please explain more
Steven Parker
229,732 PointsThe camera icon in your workspace will make a "snapshot", and you can then post the link to it here. Click on this link for video instructions.
Lauren Sithole Gadyadza
6,659 Points
Lauren Sithole Gadyadza
6,659 PointsI hope I did it correctly
Steven Parker
229,732 PointsYes, that's perfect. 
Steven Parker
229,732 PointsIt looks like your issue is just a simple typo ā on line 23 you have the image source as "img/featured,jpg" (with a comma) instead of "img/featured.jpg" (with a period).
It looks like you have a few other issues as well. For a complete analysis of a web page, you can enter your URL (the one for the preview, not the snapshot) into the W3C Markup Validation Service. Give that a try, but don't be overwhelmed ā it gives you quite a lot of detail.
Steven Parker
229,732 PointsLooks like I was "scooped" while I was looking over your snapshot. But at least now you know how to get a complete analysis like that any time you want!
Happy coding!
Lauren Sithole Gadyadza
6,659 Pointswow truly amazing now i understand why it highlighted in red, it communicates errors to the user which one should closely check to come up with a good html page
Lauren Sithole Gadyadza
6,659 Pointsit worked
Kevin Gates
15,052 PointsKevin Gates
15,052 PointsCan you provide the code you're talking about? Please use the Markdown Cheatsheet to format the code to be more easily readable.