It is best to try to stay organized. It is not so important early on and you can dump everything into one file because there is not a lot of material. However, if you keep building and adding to your site, you will find it is convenient to stay organized and place related things in specific folders. If everything concerning your web site is in only one folder or all your HTML files, photos, text files, etc are displayed on the root level of your harddrive, your path to links is very simple. You just have to name the file or photo in your HTML link and it will be found. However, imagine you are going to put 100 photos on your site. You don't want those displayed willy-nilly on your hard drive. Depending on how they are titled, they would be spread all over the place and difficult to find. Obviously, it would be best to put all those photos in a file and label it "photos." So now you have the folder "website" on your harddrive root level (or desktop) and a folder inside it labeled "photos." Now imagine you have a third folder labeled "photos-2002" (remember, no spaces) inside your "photos" folder. And in that folder there is a photo labeled "P9290023-new-home-page-backgound.jpg." That photo is two levels off of the root level of your hard drive.
Now, say that you want to display that photo (P9290023-new-home-page-backgound.jpg) as the background of your index.html page. If that's the case, you have to provide a path to find that photo in the link on your index.html file. The link on your index.html file would have to look like this for that photo to be found and displayed:
It is easy enough to understand, right? Well, how about if you have to go the other way? When your site gets bigger and more cross-referenced and complicated, you may find that you have to go the other way. Maybe you will have an HTML file two levels down off the hard drive and you want to reference a photo on the root level of your hard drive. Say that same photo (P9290023-new-home-page-backgound.jpg) is sitting on your root level and you want it to show up on an HTML file called "update10-1-02.html" that sits in the "photos-2002" folder. (The reverse of the last example.) There is a preface that essentially says "go find in the other direction." That preface is: ../. So,for an HTML file two levels down to display a photo two levels up, the link would read:
Each "../" means "back up a level and find such and such a file." If the link is two levels up the preface would be "../../".
Again, that is simple to understand. Good old HTML. See why I like it?
Early on, I left all my HTML files (there is one for each pot that I post a picture and text page for on my site) on my root level of my HD. It got out of hand real fast. Now, every time I update my 'pots for sale page,' it is all in one folder. And that goes into an "updates" folder. An update usually involves a dozen HTML files and 80 photos. Stay organized from the beginning. My disorganization from "the early days" sits as it was designed- all on the root level. Why? I don't want to spend the time to reorganize and change all the links on the HTML files. My site is due for a yearly cleaning soon anyway.
Click the following link to learn what WHAT METATAGS ARE