[ < Working with forms ] [ Table of Contents ] [ ER Forms > ]

Text enhancements with HTML 

Any text field can be enhanced by incorporating simple HTML tags.
You do not need to be a computer expert to use these tags.

HTML uses the < and > characters to separate HTML programming from the text that should appear on your page.

For example:
<b>Bold text</b> (screen)
Bold text (printed)

The most important thing to remember is to always close HTML tags so the web browser knows when to stop applying the style. In the case above "</b>" is the closing tag.

The following sections include examples of simple HTML tags that can be used to enhance the presentation of your evaluation report or the text in any SpEd Forms text field.

4.1 Bold, italicize, underline

To make text BOLD use the <b> HTML tag:

For example:
<b>Bold text</b> (screen) = Bold text (printed)

To make text ITALIC use the <i> HTML tag:

For example:
<i>Italic text</i> (screen) = Italic text (printed)

To make text UNDERLINED use the <u> HTML tag:

For example:
<u>Underlined text</u> (screen) = Underlined text (printed)

4.2 Changing the font

You can also use simple HTML to change the font that will appear in your report.

NOTE: Do not change the font of tables in your evaluation report. A special font is used in these tables to ensure proper spacing.

The font you wish to use must be installed on your computer. Two common fonts installed on most PC and Macintosh computers are Arial and Times New Roman. Courier is the default font used in ER Forms. Courier is used because it is a mono-spaced font. The distance between letters and spaces for a mono-spaced font like Courier are always the same.

To make text Arial use the <font face=Arial> HTML tag:

For example:
<font face=Arial>The dog jumped over the fence.</font> (screen)
=
The dog jumped over the fence. (printed)

To make text Times New Roman use the <font face=Times New Roman> HTML tag:

For example:
<font face=Times New Roman>The dog jumped over the fence.</font> (screen)
=
The dog jumped over the fence. (printed)

Take extra care to use the closing tag </font> at the end of the text block for which you want to change.

4.3 Lists and bullets

You can also use more advanced HTML to create lists and bullets.

For example:

<li>Bulleted text</li>

For example: The <ol> tag signifies an:
"ordered list"

<ol>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
</ol>

1. Item one
2. Item two
3. Item three

For example: The <ul> tag signifies an:
"unordered list"

<ul>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
</ul>

• Item one
• Item two
• Item three