/

HTML / CSS / JavaScript Tutorial

HTML Tutorial

6. Hyperlinks

[this page | pdf | back links]

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="Pages/AboutNematrian.pdf";>text</a>

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

 

(a)    The ‘text’ material seen by the user can contain HTML, so can include e.g. images and formatted text

(b)   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:

 

text

 

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

 

<nav>

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

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

</nav>

 

creates the following output, involving 2 individual hyperlinks:

 

Introduction | Software

 


NAVIGATION LINKS
Contents | Prev | Next | HTML


Desktop view | Switch to Mobile