Jade it depends a little on where your pages are so I won't be able to give you an exact answer, but I'll try to explain things as best as I can.
Chances are you have a folder called public_html or htdocs where all your files are. It may be called something else, but those are fairly common. These would be your root folders.
Lets say below that folder you add another folder called 'images' where you place all your images.
And lets say you create two pages for your site:
index.html
about-us.html
And you place both files in the root folder. Lets say you also have images that you place in your images folder
logo.gif
photo.jpg
Ok so now for the links. If you want to add a link from your index page to your about page there are several ways you can do it. One is using an absolute path.
a href="http://www.yourdomain.com/about-us.html"
When you have a slash at the end of the domain .com/ that's pointing to your root folder. In this case the about-us file is in the root folder.
If you want to link to an image from your index page in the src of an img tag say the absolute (or full path) would be
src="http://yourdomain.com/images/logo.gif"
In this case the image is one folder deeper into the site. Your images folder is inside the root folder and your image is inside the images folder.
Each / will represent one folder deeper into your structure.
You can also use relative paths. In the case of linking from the index page to the about page you could write
a href="about-us.html"
Using a relative path assumes your starting from the folder where the file currently resides. Since the index file is in the root folder all the stuff that would point to your root folder
http://www.domain.com/ is assumed and you can just start with what would come after.
Linking to an image with a relative path from your index file would look like
src="images/photo.jpg"
Now lets add one more folder. Say you have a folder called services where you have a few pages for your different services. Maybe you have files
consulting.html
design.html
marketing.html
Linking from the index.html file to one of these files is similar to the way we linked to the images
a href="services/design.html'
If you wanted to link from your design page to your marketing page the link might be
a href="marketing.html"
Since both files are in the same folder.
Now if you wanted to link from your design.html page to your about-us.html page you could link using the absolute path which would look just like it did when you linked to that page from the index.html page. The absolute path to a file is always the same and again you would have
a href="http://www,yourdomain.com/about-us.html"
If you want to use a relative path it's little trickier, but not much. In this case we need to go back up the folder stucture since your design.html page is one level below the root. Two dots .. represents the parent folder so
a href="../about-us.html"
says go to the parent folder (The parent folder of the services folder here is the root) and then find the file about-us.html.
I hope that helps, but please feel free to ask more questions. Once you do this a few times I promise it gets easier and becomes second nature.
