../dirname/filename (from the parent directory, go to path/filename )
./dirname/filename (from the current directory, go to path/filename )
/dirname/filename (absolute addressing; relative to the root directory, go to /path/filename )
dirname/filename (same as ./)(from the current directory, go to path/filename )
Forget about page location in WP, as pages are dynamically created and have no actual “location”. If you want buttetproof image links, always use this on this particular site:
There’s a lot of argument over whether that should be called “absolute” or not, and these days I side with those who call it a “root relative” path, reserving “absolute” for the full URL (such as [noparse]http://mysite.com/wp-content/themes/Newport_Sports_Club/IMAGES/sports-club.gif[/noparse]). Only the full URL is truly absolute, as it works from anywhere, whereas the root relative link is only absolute within the content of the site itself (it’s not even absolute in relation to the server the site sits on). [/ot]
BTW - the reason the following code does not work is because of the leading slash.
<img src="/IMAGES/sports-club.gif"
dots, slashes and paths matter. See post # 2.
Off Topic:
Obviously, I lean toward the old fashioned, conventional definitions and usage.
URL or URI means “universal resource locator or indicator”, as in works from anywhere.
absolute refers to a specific location (the top-most directory, on a computer).