Site Navigation

Website navigation using pure HTML is possible, and can be quite effective for a site of less than 20 pages. however please see the page on CSS Site Navigation for further details about how to surpass this limit and keep a website which is useful for the user and easy to navigate.

Creating a Link

For the purpose of this article, I will also exclude using image buttons and create a seperate page regarding this. A simple hyperlink (link) is made up of three parts, the Anchor Tag, the destination parameter (href) as well as the anchor text which is displayed by the browser.

<a href="http://www.example.com">Anchor Text</a>

Now to split this down and explain what everything means:

<a --> This is known as the anchor tag, it is a tag which states that you want something to point somewhere else.
href --> Hyperlink reference, this is the location you want the link to goto
>Anchor Text< --> This is what you want the link to appear as
/a> --> THis is the closing of the anchor tag.

Now what if you wanted to display the links as site navigation? There are multiple ways to achieve this, however for the point of clairity I will be using only the methods which dont require CSS.

The following code
<a href="http://www.example.com">Anchor Text</a> | <a href="http://www.example.com">Anchor Text</a> | <a href="http://www.example.com">Anchor Text</a>
Would Produce
Anchor Text | Anchor Text | Anchor Text