References allow us to clearly indicate where a statistic, quote or fact comes from. They come in two parts: The Reference Link and the Reference itself. Below is an example.



This is a bold paragraph containing some text you need to reference. This is the important bit here[i]. You can also uses this style in lists. Click on the little number (i) and see what happens.


To use this element:

When you are in the 'Edit Article' view hover over the icon of small pink boxes. This gives you a list of the 'html elements' available on the site. Select 'Reference Link'. This will add code that should look like this:

This is the important bit here<sup><a href="#reference1">[i]</a></sup>


TIP: When the number is used like this it creates a link, so someone can click on the number and it will take them to the reference at the bottom of the page. NOTE: You need to need to manually change the number '#reference1' and the symbol (in this case 'i') for each new reference you add.


The Reference

  • [i] ABS Causes of Death, Australia 2008 (cat. no. 3303.0) and unpublished ABS causes of death data.
  • [ii] ABS Causes of Death, Australia 2008 (cat. no. 3303.0) and unpublished ABS causes of death data.
  • [iii] ABS (2008) 2007 National Health Survey of Mental Health and Well Being:Summary of Results(4326.0). Canberra ABS.
  • [iv] Australian Institute of Health and Welfare (AIHW) 2010. Australian Health 2010.

To use this element:

When you are in the 'Edit Article' view hover over the icon of small pink boxes. This gives you a list of the 'html elements' available on the site. Select 'Reference'. This will add a block of code that contains four references. Each of these references is wrapped in a set of tags like this <li> </li>.


TIP: Currently the reference list is set up with four items by default. To use just one, you will manually need to go into the code and delete the extra references. Each reference begins in the code with a <li> tag and ends with a closing </li> tag. If you take these tags and the text contained in between them out, you will be able to control how many references you show. To add extra references simply copy one of the references you already have and add it to the code after the last </li> and before the </ul>. Again you will need to manually update the reference's id (eg. reference3) and the symbol it uses (eg. [iii]) in the html.