The most common mistake that is usually done when you're referencing a HTML page relative vs absolute is that the file being referenced does not sit in the same directory as the file that's referencing it.
Make sure that (1) that the file is sitting in the same directory as the page referencing it or make sure that you're referencing the file in the right sub-directory (2) that the file is named the right way, most systems are case-sensitive (e.g. soccer.html is not the same as SOCCER.HTML or Soccer.html).
I have problems linking pages to my website,
how come when i try to view my page on a browser after clicking the link, the page could not be displayed?
Can anyone advise me which steps that I have gone wrong? I saved the soccer.html file in Drive C of my harddisk.