Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Basics Images, Text and Links Captioning Images

Taylor Turner
Taylor Turner
900 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
217,443 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
900 Points

That makes sense! Thank you!!

Martin Lecke
Martin Lecke
14,370 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
900 Points

Thanks! That makes sense. I appreciate it!