It is very common to use tables to present data in a meaningful way.
Tables
Here’s a simple example table.
Table | Header | Cells |
---|---|---|
This table uses | alternate shading on its rows | and a hover effect for mouse-over interactions |
Tables can be as simple | or complex | as required |
As a rule | tables should be used to | represent meaningful data (unlike this) |
The next topic | includes examplesFootnotes are shown inline as popovers (HTML version) and also at the bottom of the page (PDF version) or document (HTML version). |
of some other available styling options |
Activities
Very often we interject an activity into our content to break things up and illustrate a concept in a different way.
Web activity
Note the ‘web’ activity icon above.
Visit http://example.com. (External links are automatically opened in a new window)
There are several types of activity.
See ‘Activity types’ for more information.
A level three heading
Note that this heading is not included in the auto-generated navigation panel.
Here’s another example graphic:
Footnotes
Footnotes are commonly used in study materials; there’s one in the table above.
Footnote links are styled differently to normal hyperlinks and employ a popover effect The numbers in the list at the end of the document link back to the anchor location in the text (particularly useful in longer documents). for the online (HTML) version of the material.
Lists
Unordered and ordered lists are a very common way to summarise and outline information:
- several levels of list can be accommodated:
- lists can be unordered (e.g. bullet lists – like this one)
- and lists can be nested within lists:
- this is an ordered list
- this list uses lowercase roman numerals
- other common options include, lowercase alpha characters (a, b, c…) and numbers (1, 2, 3…)
- ordered lists can be automatically numbered
- or they can be manually numbered to accommodate complex numbering systems (e.g. 2.1.0.3…).
Creative commons
We have built in the facility to easily include creative commons licencing icons.