Hyperlinks in HTML

Hyperlinks in HTML

Many people associate web pages with hyperlinks, i.e. the ability to navigate from one page to another page. In HTML, hyperlinks (also called ‘anchors’) typically have the following sort of structure:

<a href=”#”;>GO</a> (# = add the link by replacing #)

The text is what the user sees, the value of href is where the link points to.  Points to note include:

  • The ‘GO’ material seen by the user can contain HTML, so can include e.g. images and formatted text
  • The href value used here, i.e.  “Pages/AboutNematrian.pdf” means that the link points to a webpage (or other resource) called “AboutNematrian.pdf” in the directory “Pages” (strictly speaking a subdirectory of the directory in which the source webpage resides, unless it e.g. starts with http:// or https:// or unless the document’s <base> element, if any, defines a different base address to be used by relative uniform resource locators, i.e. ‘URLs’).

The above link renders as:


Groups of hyperlinks can be included in a <nav> element. For example, markup as follows:


<a href="Introduction.aspx">Introduction</a> |

<a href="IntroductionSoftware.aspx">Software</a>


creates the following output, involving 2 individual hyperlinks:

Introduction | Software

Hits: 10

Share your thoughts