Creating Anchors using HTML
Anchors are a good way to create hyperlinks that connect clickable text with another location on the same page. Anchors can for example connect headings with the corresponding content to avoid long scrolling. There are two parts to using an Anchor, creating the destination marker or Anchor and creating the link to the destination. Clicking on this link will, for example, take you to the destination which is the last section of this help resource.
- After you have created your text, click on the double arrow icon to switch to HTML mode.
- Navigate to the word or sentence that you want to create an anchor for. This will be text the link will lead to (in this example the sentence is "UniSA Allied Health & Human Performance" in the content).
- Insert following tag immediately before the text that you want to create an anchor for: <a id=”NameOfYourAnchor”>
Note: the id (in the example below "AlliedHealth") is the name of the anchor and can be changed to any name you want. Each anchor name must be unique and may be used only once on a page. Anchors cannot include spaces. - Insert following tag at the end of the word or sentence that you want to create an anchor for: </a>
- Navigate to the text that you want to link from (in this example it is the first item in the list "UniSA Allied Health and Human Performance ").
- Insert following tag before the text that you want to link from: <a href=”#AlliedHealth”>
Note: the word after the # (in this example AlliedHealth) links to the anchor name that we created before. - Insert following tag at the end of the text you want to link from: </a>
The link you just clicked took you down to this section of the page which is the anchor for the link. Click here to get to the description on how to create an anchor like this.
Last modified: Tuesday, 12 January 2021, 7:41 AM