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 Build a Simple Website Text Editors and HTML Images and Lists

Image Files

How do you upload/name your image that you want to use in the site design to respond to the src tag of "img/logo.gif"? In other words if I have an image on my computer how to I get the HTML to recognize where to find the src of the file.

1 Answer

Jacob Miller
Jacob Miller
12,466 Points

The src specifies first the directory (in your case the img folder), then the file name (in your case logo.gif). Usually you create a folder named img in the same directory as your index.html file, then put all your images in there. You can name your files whatever you want, just change the name in the src. Example: if I had a Facebook icon that was a png image, I might name it facebook.png and place it in the img folder. The in my <img> tag I would set the src to src="img/facebook.png".

Hope that helps.