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 trialTaylor Turner
912 PointsHow 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
231,269 PointsAre 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.
Martin Lecke
14,385 PointsFirstly 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
912 PointsThanks! That makes sense. I appreciate it!
Taylor Turner
912 PointsTaylor Turner
912 PointsThat makes sense! Thank you!!