HTML HTML Basics Images, Text and Links Captioning Images

captioning images

after refreshing the picture is not showing in the experience VR page. help me where i am lost

Kevin Gates
Kevin Gates
14,711 Points

Can you provide the code you're talking about? Please use the Markdown Cheatsheet to format the code to be more easily readable.

Steven Parker
Steven Parker
177,674 Points

The 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
Kevin Gates
14,711 Points

Lauren 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>&copy; 2017 Exeperience VR, The Blog</P>

Should be lowercase

<p>&copy; 2017 Experience VR, The Blog</p>

You can view the final code here: https://w.trhou.se/8bo4sqyhgi

sorry i am not getting you may you please explain more

Steven Parker
Steven Parker
177,674 Points

The 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.

I hope I did it correctly

Steven Parker
Steven Parker
177,674 Points

Yes, that's perfect. :+1: I will have an answer for you shortly.

Steven Parker
Steven Parker
177,674 Points

It 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
Steven Parker
177,674 Points

Looks 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!

wow 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

it worked