You are here

Links

Hyperlinks (or simply "links") are integral to navigating resources on the world wide web. There are a few different types of links that are worth becoming familiar with and although they're all created using the same interface, there's some variance in the process required for each.

Interface

Link Toolbar

The link toolbar contains the "Link", "Unlink" and "Anchor" icons.

Link toolbar

Link Dialog

The link dialog provides fields to create links of all types .

Link dialog

Anchor Dialog

The anchor dialog enables the creation of named anchors.

Anchor dialog

Internal Links

To create links to pages within your own web site:

  1. Select the text or image that you'd like to turn into a link
  2. Click the “Link” icon Link icon
  3. In the "Link" box, begin typing the title of the page you'd like to link to
  4. Select the desired page from the auto complete drop down list
  5. Click the "OK" button

External Links

To create links to pages on other web sites there are two options:

The Simple (but ugly) Method

  1. Type or copy and paste in the full web page address e.g. http://www.example.com/path/to/external-page directly into the editor window (the address will automatically be converted to a link).

The Better Method

  1. Select the text or image that you'd like to turn into a link
  2. Click the “Link” icon Link icon
  3. Choose “URL” from the “Link Type” select list
  4. Type or copy and paste in the full web page address e.g. http://www.example.com/path/to/external-page into the "URL" field
  5. Click the "OK" button

Uploading and Linking to Files

  1. Select the text or image that you'd like to turn into a link
  2. Click the “Link” icon Link icon
  3. Choose “URL” from the “Link Type” select list
  4. Click the "Browse Server" button (see also Working with Files TODO: LINK REQUIRED)
  5. Optionally, click the "Upload" button to upload a new file
  6. Double click the desired filename to copy the file's URL to the "URL" field
  7. Click the "OK" button

Links to Email Addresses

To create a link to an email address so that users can click to compose and send an email:

  1. Select the text or image that you'd like to turn into a link
  2. Click the “Link” icon Link icon
  3. Choose “E-mail” from the “Link Type” select list
  4. Type or copy and paste in the desired email address e.g. contact[at]example[dot]com into the "E-mail Address" field
  5. Optionally enter a default message subject and body
  6. Click the "OK" button

Note: All email addresses published in this way are obfuscated to minimise the risk of harvesting by spam bots (see also Security TODO: LINK REQUIRED).

Named Anchors

Creating Named Anchors

Named anchors are useful for linking to content further down a page. A common technique is to assign named anchors to each sub-heading of a page then create a list of links (like the table of contents on this page) to allow users to quickly jump to those headings without having to manually scroll down the page.

  1. Select (or position the cursor before) the text or image that you'd like to assign an anchor to
  2. Click the "Anchor" (flag) icon Named anchor icon
  3. Enter your desired anchor name
  4. Click the "OK" button

Editing Named Anchors

  1. Double click the named anchor marker Named anchor marker
  2. Rename the anchor as desired
  3. Click the "OK" button

Note: Remember to also update any links to your anchor if you've renamed it.

Linking to Named Anchors

To link to a named anchor in the same page:

  1. Select the text or image that you'd like to turn into a link
  2. Click the “Link” icon Link icon
  3. Choose “Link to anchor in the text” from the “Link Type” select list
  4. Choose the desired named anchor from the list
  5. Click the "OK" button

To link to a named anchor in a different page of your own web site it's a little more involved:

  1. Select the text or image that you'd like to turn into a link
  2. Click the “Link” icon Link icon
  3. Choose “URL” from the “Link Type” select list
  4. Choose "<other>" from the "Protocol" select list
  5. Type or copy and paste in the relative URL (see note below) with the named anchor appended e.g. “path/to/my-page#my-named-anchor” into the "URL" field
  6. Click the "OK" button

Note: A relative URL is the part after the domain e.g. the relative part of the URL http://www.example.com/path/to/my-page#my-named-anchor is "path/to/my-page#my-named-anchor". You could use the full (absolute) URL, but it's best practice to use relative URLs when linking to internal resources.

Removing Links

To remove a link from a piece of text or an image:

  1. Click anywhere on the link to select the link / place the cursor
  2. Click the "Unlink" icon to remove the link Unlink icon

If you want to remove not only the link but also the text or image the link was attached to:

  1. Select the linked text or image
  2. Hit the "Delete", "Backspace" or "Ctrl/Cmd + X" keys