Linking between pages is really very simple. You need what is called an anchor tag and it looks like this when it is in your HTML:
and like this when it is on the page:
Notice that it starts with the tag a href= followed by the destination page within quotes. By destination page I mean the page that will show up in the browser when the user clicks on the link. You can link to any page on the internet or to a page of your own.
The html code is the same whether you attach it to a piece of text or an image.
What follows below is an example of two ways of linking. You can click on the text or the image.
Here is the exact code for what is above:
There are some really important things to know about linking. First there are two ways of linking.
Relative -- This means that you just need to use the file name. For example just "mypicture.gif" This means that the image MUST I mean MUST MUST MUST be in the same folder as the source code that is pointing to it (ie the HTML page) or else the browser will not see it.
Absolute -- This means that you use the entire file location on a server. For example "http://www.mypretendserver.com/students/practice.html" The problem with this type of naming is that if the file moves than you will have a broken link to it.
Additionally, as with all web nomeclature, make sure that you are consistent in you naming. You cannot have ANY space and case does matter!
I am going to repeat this because you MUST be absolutely meticulous about this. If you type in Mypage.htm but you have name the file mypage.htm You will get an error. Also you CANNOT name a page "my page.htm"
Planning your pages is very important. The image below shows the flow a site might have. In this example there would be a link from the main page to each of the sub pages.
