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

Posted by Chris Mitchell
Chris Mitchell
3,011 Points

how do i add my own pictures

I am trying to add my own image on bracket i have been saving it as a .jpg image on my computer with a folder. what am i doing wrong

Ari Misha
Ari Misha
19,323 Points

Hiya there! Can ya link us or post your code? (:

2 Answers

MIlton Tulli
MIlton Tulli
15,884 Points
MIlton Tulli
MIlton Tulli
15,884 Points

Hi there!

It would be great if you can post your code and the route directory of your proyect.

If your img is on the same root folder as your index.html, (

) the src attr for your img should be src="img.jpg". 

                                  -----------------x------------------

if the img is inside of another folder (

|>index.html |>folder |>img.jpg ) the src attr should include the route for that folder. src="./folder/img.jpg"

Chris Mitchell
Chris Mitchell
3,011 Points
Chris Mitchell
Chris Mitchell
3,011 Points

can do File>Open Folder and add the picture (or drag it in), but it just goes to the 'Working FIles' pane. I can't drag it down to the lower window though (my actual HTML website file I'm trying to code).

Can I not just drag the image down from the Working File? Say the image is called beach.jpg ; when I code <img src="beach.jpg"> while the image is in the Working File, the Live Preview says it's a broken link.