More CMS Tags
In addition to being able to control the spacing and size of text on the page through the
formatting menu, there are number of square bracket tags that can be used to achieve other
formatting effects:
- [br clear] makes a line break that forces text to be below any preceeding material (useful for keeping text below, rather than next to, a narrow image).
- The [pullquote] tag indicates the beginning of an extended 'aside' (providing useful information outside the normal flow of the text). The aside should be ended with a [end pullquote] tag. Note that [context] gives exactly the same results as [pullquote].
- Similarly [bigfirstline] can be used at the start of a paragraph to cause the first line of the following text to be extra large--a handy visual effect for drawing folks into the start of a long stretch of text. As you might guess the paragraph you start this way should be ended with a [end bigfirstline]
- If you need a special character like a ° or a ± you'll can either figure out how to type that character directly into the CMS or you can use the entity tag. In the later case you'll need to look up the cryptically named 'character entity code' in a table like this. Use the decimal code you find in this table in a tag like this [entity 177] to get the ± sign. A more complete but more cryptic list is also available.
- You can make very small text (for captions and the like) with [small] and [end small] tags Or slightly larger text with [mediumsmall].
- The [hidden 'text'] tag, and it's counter part [end hidden] are used to surround text that we'd like to have hidden except when the user explicitly wants to see it. It creates a single link labelled 'show text' (where the word text is replaced with whatever 'text' you put between the single quotes in the starting tag). When the link is clicked it expands to reveal everything between the hidden tags as well as a link to hide the material again.
- <p> and </p> start and end a paragraph.
- <br> forces a single line break
- <hr> makes a thin horizontal line: a horizontal 'rule'. Often overused on websites so show some discretion
- <ul> marks the start of an unordered (bulleted) list, with </ul> marking the end. In turn each item in the list should be surrounded with a <li> and </li>
- <ol> and </ol> work similarly creating an ordered list with the items automatically numbered. Again each item in the list must start with <li> and end with </li>. Multiple lists can be nested within each other and will automatically be appropriately indented. To get different numbering schemes for different levels of indentation you can use the variant <ol lower-alpha> which will give you lower case alphabetic labels. Other variants available are: upper-alpha, lower-roman abd upper-roman.
- One can also create a definition list with series of terms and definitions. Surround the entire list with <dl> </dl> tags. Each term/definition pair should be surrounded by <dt> </dt> tags and each definition by <dd> </dd> tags.
- The <h1> (and it's partner the </h1>) is the first in a series of tags which surround headings. <h1> is the top-most heading (e.g. the title of a page), which the others are used on headings of declining prominence:<h2>, <h3>, <h4>.
- The <strong> and <em> tags place strong or weak emphasis on a bit of text (normally indicated by bolding or italicizing the text). As expected the emphasized text should be ended with an appropriate </strong> or </em> tag.
- Superscripts and subscripts can be obtained by using the <sup> or <sub> tag to start and the </sup> or </sub> tag to finish.

