Home > Staff > Author and Editor > Special Characters

Our Flashcard program supports special characters and effects. However, to use these effects you must code them in plain text HTML. The codes themselves are called "tags." The Flashcard program will not display them to the student. Instead, the tags will cause text between them to look a certain way. Treat the tag as invisible. Do not put spaces before and after them unless the word you are tagging needs a space. The tag must be in an exact format for it to work. The code must go inside <> and end with </>. This <> tells the program to start displaying a special effect and this </> tells it to stop. Capital letters are fine, if you wish to use them.

Here is a list of codes you may need. If you have questions about any other characters, please contact us:

Paragraph break: <p>  This code should also be closed using a </p> tag. 

Subscript: <sub>

Code: The chemical symbol for water is H<sub>2</sub>O. Result: The chemical symbol for water is H2O.

Superscript: <sup>

Code: X cubed written in mathematical notation is X<sup>3</sup>. Result: X cubed written in mathematical notation is X3.

Bold: <b>

Code: The <b>brain stem</b> attaches the brain to the spinal cord. Result: The brain stem attaches the brain to the spinal cord.

Italic: <i>

Code: The brain stem attaches the brain to the <i>spinal cord</i>. Result: The brain stem attaches the brain to the spinal cord.

Underline: <u>

Code: The quote came from <u>Neuroanatomy Made Ridiculously Simple</u>. Result: The quote came from Neuroanatomy Made Ridiculously Simple. (Note that modern usage puts book titles in italics).

Bold italic: <b><i>

Code: Put a word in <b><i>bold italic</b></i> with the bold and italic codes. Result: Put a word in bold italic with the bold and italic codes.

Special characters look different. They use an ampersand and semicolon format. The code goes between the &(ampersand)and the ; (semicolon).

Micron: &mu;

Code: The symbol &mu; originates from the Greek word "micron."
Result: The symbol µ originates from the Greek word "micron."

Degree sign: &deg;

Code: The freezing point of water is 32&deg; Fahrenheit or 0&; Celsius.
Result: The freezing point of water is 32˚ Fahrenheit or 0˚ Celsius.

Pi sign: <font face="Times New Roman" style="font-size:175%">&#960;</font>

Code: The circumference of a circle is 2<font face="Times New Roman" style="font-size:175%">&#960;</font>r.
Result: The circumference of a circle is 2πr. (The size differences will be corrected when displaying on a flashcard.)

Spacing

If you write <b>this</b>in plain text, it will display like this:
If you write this in plain text…

The sentence requires a space after the second tag.

If you write <b> this <b> in plain text, it will display like this:
If you write  this  in plain text…

The program will display the extra spaces inside the tags. The same applies to characters:

The boiling point of water is 100 &deg; Celsius will result in:
The boiling point of water is 100 ˚ Celsius.

Using more than one tag

How would you write this with tags?:

<b>How would you write <i>this</i> with tags?</b>

Or you might want to write something like this.

Or you <b>might</b> want to <b>write</b> something like this.

You could also do this.

You <b><i>could</b> also do </i><b>this</b>. For simplicity, try to avoid sentences like this.  Preview your page using the Eye icon to see how it will appear to the user.

Other Special Characters
You can add special characters, such as those found in foreign languages and mathematical equations, by inserting the appropriate HTML character codes.  A good reference for these codes is http://www.tntluoma.com/sidebars/codes/.