How can I get images to work in my html?

Thanks @James Barnett... It still doesn't work though. :-/ I don't really get it. How do I find the file path to use? (Should I write everying ie: C:\Users\Hannah\My Pictures\etc, etc... ?)

Oh, don't worry about my other question... because IT WORKED!!!! yes! :D Turns out, I was writing <img src="img\C:\etc,etc.... I apparently needed to take out the img part of the flie location... haha :) No wonder it wasn't recognising the photo location! Thanks for your help :D

You are going to give yourself a lot of frustration down the road if you source your images using absoute image paths on your computer like you have shown.

<img src="\C:\Users\....etc">

Your image links will break when you move your website files from your computer, to your host computer. There are some pretty cool and flexible ways to code image sources that are shown in the advance PHP sections when you get there, but until that time, you should use relative links.

On your local computer with a testing server, your root folder is likely called htdocs. This will be the same or very similar on most web servers. If your images live in a folder called img inside of the root folder, your relative link would look like

<img src= "img/my_image.jpg">.

With a relative link, when you move your website from your local root folder to a web servers root folder, all of your links and images should still work.

The way you are coding it now, it will not.

I'm in no way pro, but I've built a few simple sites and have certainly taken my lumps and bruises, basically coding myself into corner that required a lot of work to fix broken things, like images and links.

Hopefully I didn't confuse you more!

Ok... thanks Kevin Korte. But, that doesn't really make sense?? How do I make a folder called img without using a "C Drive" root? Also, what is htdocs? But thanks for the tip.... when I figure out what you meant, I'm sure it will make sense... I hope :)

My apologizes Hannah, I assumed you where using a localhost server, but I assume you are just pointing your web browsers URL to your file located on your computer, in which case my suggestion will not work.

If you plan to do very much web development, I'd highly recommend downloading and installing a free local server for your computer.

My work computer is a Windows, and I have installed on it Xampp. On my personal computer it is a Mac so I have installed on it Mamp.

Both work and come with essentially the same things. One big part of the bundle of programs is it sets up a local apache server, which simulates a live web server.

So on my Windows work computer, I have Xampp installed on my C: drive. Inside of the Xampp folder is a collection of folders, one being called htdocs. The apache server installed with Xampp will use the htdocs folder as the root folder. So if you put your index.html file in the htdocs folder, make sure the apache web server is running, and type into your URL bar on your web browser "localhost" your web browser should show your web page as if it was live, but only your computer can view it. From there, you can build your site using relative links.

Than, when you go to move your files from your computer to a live web server, if you transfer your entire folder and file structure from you computers htdocs folder to your web server's httpdocs folder, all of you images, links, etc should still work perfectly.

If your computer is a mac, I'd use MAMP. I do personally. MAMP also uses an htdocs folder, works exactly the same.

That may sound really confusing, it was for me when I started figuring all of that out, but it's worth understanding what I just tried to explain.

Now I couldn't image trying to build a website without Xampp or MAMP installed on my computer.

Ok... Sounds complicated :-/ I'll have to research it a bit... Do you know whether treehouse has a video on this topic? Kevin Korte Thanks for bringing this to my attention though... better for me to learn this stuff now, then to have frustrating problems with my web designs later down the track, I reckon :)

Hannah Dowsett - Try this explanation of absolute vs relative paths.

Ok, thank you James Barnett :)