IN.gov - Skip Navigation

Note: This message is displayed if (1) your browser is not standards-compliant or (2) you have you disabled CSS. Read our Policies for more information.

State of Indiana

WebCMS Training > HTML Tutorial > Links > Anchors / Jump Links Anchors / Jump Links

There are times when a link is needed to point to a specific location on a page.  This link can point to a specific location on the current page, or a specific location on another page.  For these types of “jumps” an anchor (<a>) is used with a naming attribute. 

First, the destination is named:

<a name=”chpt1”> Chapter One </a>

Then, wherever the hyperlink resides will point to this named anchor.  The pound sign (#) signified that the link is going to a named anchor.  If the link is jumping to an anchor on the same page the hyperlinks would look like these:

Jump to <a href=”#chpt1”> Chapter One </a>
Jump to <a href=”#chpt2”> Chapter Two </a>
Jump to <a href=”#chpt3”> Chapter Three </a>

If the link is jumping to an anchor on another page the hyperlink would look like these:

Jump to <a href=”../book/partone.html#chpt1”> Chapter One </a>
Jump to <a href=”../book/partone.html#chpt2”> Chapter Two </a>
Jump to <a href=”../book/partone.html#chpt3”> Chapter Three </a>

Example

Jump to Chapter One
Jump to Chapter Two
Jump to Chapter Three
Jump to Page 2 Chapter Four
Jump to Page 2 Chapter Five
Jump to Page 2 Chapter Six

 

 

Chapter One

 

 

 

 

 

 

 

Chapter Two

 

 

 

 

 

 

 

Chapter Three