three ways to anchor (link) webpages
1. absolute
This is where you put in the exact URL of the linked page.
Code:
<A href="http://www.yourdomain.com/index.htm">CLICK HERE</A>
2. relative to the calling page
This is where you put the address relative to the page referencing it.
Code:
<A href="about/aboutus.htm">CLICK HERE</A>
the called page (aboutus.htm) is inside the directory "about"
3. relative to the root directory
Quite similar to #2 but it is ALWAYS referenced from the root directory.
Code:
<A href="/about/aboutus.htm">CLICK HERE</A>
Note the forward slash "/" before about.
N.B.
i think you have to use backward slash "\" for linux servers.
_________________
most of the time images are placed in a separate folder
(usually "images")
_________________
it is not necessary to place them in separate folders though it really makes your files more organized.
_________________
it will hardly affect your d/l time if placed in different folders. However, if you are linking an image or file in another domain, it still has to get the file there first which adds to loadtime.
_________________
when a page loads, it caches the images used for that page. (unless you turn caching off in your browser)