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

Taylor Turner
Taylor Turner
912 Points

How do I put an external image into one of the folders, so that I can put my own images into the html?

I know how to insert an image into the body of the html if it already exists as a file path in the img folder. But how do I get a different external image into the img folder? Is it the url of the image? Basically asking how to reference it with the correct file name so that it shows a picture. Hopefully that makes sense.

2 Answers

Steven Parker
Steven Parker
231,198 Points

Are you asking how do you get an image file into your workspace? In the "file" menu you can select "upload" to send your image file to your workspace's "img" folder. Then you just apply what you already know to reference it.

If I have misunderstood, please be more specific about where the "external image" is now that you want to show.

Taylor Turner
Taylor Turner
912 Points

That makes sense! Thank you!!

Martin Lecke
Martin Lecke
14,385 Points

Firstly you have to save down your image file to your computer and put it into your 'img' folder on your computer. Then you specify the path of the new picture by doing 'slash' to step up a folder or '../' to step down a folder. It's called relative path. eg. img/flower.png or ../img/flower.png Also you need to write correct file extension like .jpg .png or .gif

Taylor Turner
Taylor Turner
912 Points

Thanks! That makes sense. I appreciate it!