SMAD 202w - Web Development - Links in the Personal Website

Linking the Personal Website using Relative Links

First, examine the html code in the example pages I have provided. Note the paths entered in the links to each page. Some name folders the the file name, some have "../" and the file name, and others just have the file name.

Relative linking must account for two things: the name of the file being linked to and where on the site that file exists in relation to the current file. In our simple site, we can get a flavor for what happens. Here are the links that need to be entered for each of your three pages to link to the other two. Bear in mind, your site structure has to be exactly as specified for this to work.

index.html

• To resume.html - <a href="personal/resume.html">Resume</a>
• To hotlist.html - <a href="personal/hotlist.html">Hotlist</a>

resume.html

• To hotlist.html - <a href="hotlist.html">Hotlist</a>
• To index.html - <a href="../index.html">Home</a>

hotlist.html

• To resume.html - <a href="resume.html">Resume</a>
• To index.html - <a href="../index.html">Home</a>

Search SMAD 202

{nav}