Infobox

Use this to put an "info-box" on a page. The note should be created as a child of the page on which it appears. As many boxes may be included as desired. They will float on the right border in their outline order.

test page

This page demonstrates the appearance of common HTML elements when using the Ed-U-Tech site template. It is also useful for stylesheet testing.

Section Title (H2)

Subtitle (H3)

Body text (P) followed by a bullet list (UL)

  • CSS-based bullet item (UL LI) using list-style-image property for the bullet.

Body text (P) followed by a horizontal rule (IMG wrapped in DIV.separator):

---

Another Section title (H2)

Subtitle (H3)

Body text (P) demonstrating some phrase elements: strong (STRONG), emphasis (EM), variable (VAR), sample output (SAMP), keyboard input (KBD), computer code (CODE), citation (CITE), and defined term (DFN). Hier ist ein fremder Satz (SPAN lang=de).

Some deleted text (DEL), and Some inserted text (INS).

Indented Sub-subtitle (H4.indent)

The following presentational tags are generally to be avoided in favor of the semantic ones above or, if none of the above apply, in favor of CSS style attributes using SPAN: bold (B), italic (I), and teletype (TT).

Tags that are omitted from strict HTML 4 should not be used at all: U (underline)), S and STRIKE (strikethrough), and CENTER.

Sub-sub-subtitle (H5)

    Example of pre-formatted text (PRE)
Demonstrating its display of          whitespace.
       ^ (Caret under eighth character, r)

Sub-sub-sub-subtitle (H6)
A block quotation (BLOCKQUOTE). Note: use these only for actual quotations. The .indent class can be applied to any other block-level element, (DIVs work well for this) achieving the same presentational effect.