Links make a website complete. Without links, websites are just like a book. You have to go to the contents page then look for and turn to the page that you want to see. With links, you can just click at a chapter or page from the contents page and you will be brought to that page immediately.

There are several type of links that we can make: Linking to another page, Linking to a specific location on the same page, Linking to another website and Linking to an email.

Linking to another page

To go to another page that is on the same location or folder, we can just link it directly. For example:

<a href="page2.html">Go to page2</a>

However, if it is on a different folder..

---

In this case, we want to link to a page that is in a different folder. To do that, we just have to put the folder name in front of the file name. For example:

<a href="folder1/folderpage.html">Go to 
Folder Page</a>

---

But if we are linking FROM a folder to a page that is in a folder “one level up” (see illustration)..



In this case, we give a “../” in front of the page name. For example:

<a href="../page1.html">Go to the page 1</a>

Similaryly, “../../” is used to link to a page that is in a folder “two levels up” (Folderception: A page in a folder, in a folder).