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 HTML Basics Images, Text and Links Captioning Images

Posted by Firas Harb
Firas Harb
Courses Plus Student 1,015 Points

Image not displaying when I insert image element.

When I insert a image element in my article.html and save and refresh my picture does not load all I get is a non loaded picture. Here's what I wrote "<img src="../../img/vr-user.jpg" alt="Visual Expression on persons face when using VR headset" title="Man amased by the immersive experience that Virtual Reality has provided for him".

3 Answers

Kevin Haggerty
Kevin Haggerty
4,875 Points
Kevin Haggerty
Kevin Haggerty
4,875 Points

There should be a closing angled bracket at the end of your title quotations :)! You pasted this: <img src="../../img/vr-user.jpg" alt="Visual Expression on persons face when using VR headset" title="Man amased by the immersive experience that Virtual Reality has provided for him"

It should look like this: <img src="../../img/vr-user.jpg" alt="Visual Expression on persons face when using VR headset" title="Man amased by the immersive experience that Virtual Reality has provided for him">

Notice the closing angled bracket at the end.

Shadab Khan
Shadab Khan
5,470 Points
Shadab Khan
Shadab Khan
5,470 Points

Hi Firas,

Few things here.

It's hard to comment without looking at your folder structure.

Also, I can see a missing end closing angled brackets in the img tag. Plus, there is no "title" attribute in an img tag if my memory serves me right.

All the best!

Terry Chianson
Terry Chianson
457 Points

Where is the precise link to the image path

Renee Versteegen
Renee Versteegen
16,408 Points
Renee Versteegen
Renee Versteegen
16,408 Points

When an image doesn't load, most of the time that's because you made a mistake in the file path. Right now you are telling the browser to look for an image that is three folders up from the current document. There's probably no need for that. If your image folder and your article folder are both in the root folder a file path like 

<img src="img/vr-user.jpg" alt="Visual Expression on persons face when using VR headset" title="Man amased by the immersive experience that Virtual Reality has provided for him.">

should work just fine.