Welcome to the

HTML Test Document

This document demonstrates some of the features of HTML that are supported by Outside In Viewer Technology.

Index

  1. Logical Styles
    1. ADDRESS: Multiline address information
    2. BLOCKQUOTE: Multiline quotation
    3. CITE: Citation
    4. CODE: Code example
    5. DEL: Delete revision
    6. DFN: Term definition
    7. EM: Typographic emphasis
    8. INS: Add revision
    9. KBD: User-entered text
    10. Q: Short quotation
    11. SAMP: Sample text
    12. STRONG: Strong typographic emphasis
    13. VAR: Variable name
  2. Physical Styles
    1. B: Boldface
    2. BASEFONT: Default Font
    3. BIG: Large print
    4. I: Italic
    5. S: Strikethrough
    6. SMALL: Small print
    7. SUB: Subscript
    8. SUP: Superscript
    9. TT: Teletype (monospace font)
    10. U: Underlined
  3. Information Type Elements
    1. AU: Author name
    2. PERSON: Person name
    3. ACRONYM: Acronym
    4. ABBREV: Abbreviation
  4. Lists
    1. UL: Unordered list
    2. OL: Ordered list
    3. DL: Definition list
  5. Tables
  6. Entities
  7. Horizontal Rules

Return to WELCOME.DOC


Logical Text Styles

The HTML Specification does not explicitly define how Logical Styles should be displayed, it is generally left to the implementor of the viewer. Graphical browsers tend to follow the standard demonstrated below.

ADDRESS: Multiline address information

The <ADDRESS> tag is typically used around an author's name and internet address information. Text in an address tag is usually set off from the body of the document and displayed in italics:
George Washington
george@whitehouse.gov

BLOCKQUOTE: Multiline quotation

The <BLOCKQUOTE> tag defines a block of text to be seperated and rendered as quoted text.
This is a blockquote. It is typically used in place of the <Q> (quote) tag around multiline quotations. It is usually displayed indented and occasionally in an italic font.

CITE: Citation

The <CITE> tag is used around a citation to make it stand out from regular text. This is a citation.

CODE: Code example

The <CODE> tag is used to offset programming code samples from the rest of document. They are typically displayed in a monospace font:
This is a code sample.
<FONT size=1>
<HR>
<HR size=4>
<FONT size=3>

DEL: Delete revision

The <DEL> tag is used around revision text that has been deleted. How this text is displayed and whether it is displayed is dependant on the viewer. Typically, delete-revision text will not normally display, but a mode may be available to display it in a different color or font, or as strikeout text. This is deleted text

DFN: Term definition

The <DFN> tag is used around the definition of a term. This is a term definition

EM: Typographic emphasis

The <EM> tag is used to impart emphasis, and is typically displayed in italics. This is emphasized text.

INS: Add revision

The <INS> tag is used around revision text that has been added. How this text is displayed is dependant on the viewer. Typically, a mode will be available to display added text in a different color or font than normal text. This is added text

KBD: User-entered text

The <KBD> tag indicates text typed by the user, for instance in an instruction manual. This is user-entered text.

Q: Short quotation

The <Q> tag is used around short quotations. The text is typically enclosed in quotation marks appropriate to the current language. This is a short quotation

SAMP: Sample text

The <SAMP> tag is used to indicate a sequence of literal characters. This is sample text.

STRONG: Strong typographic emphasis

The <STRONG> tag is used to impart strong emphasis, and is typically displayed in bold. This is strongly emphasized text.

VAR: Variable name

The <VAR> tag is used to indicate a variable name, for instance in an instruction manual. This is a variable name.

Return to index


Physical Text Styles

Physical styles are used when the HTML author wants to explicitly specify the font used for a section of text. These are not always supported on text-based systems, and should therefore be used sparingly.

B: Boldface

This is a sample of boldface text

BASEFONT: Default font

The <BASEFONT> tag is used to specify the default font that will be used in a document.

BIG: Large print

The <BIG> tag causes the current font to increase in size. This is a sample of big text

I: Italic

This is a sample of italic text

S or STRIKE: Strikethrough

This is a sample of strikethrough text

SMALL: Small print

The <SMALL> tag causes the current font to decrease in size. This is a sample of small text

SUB: Subscript

The <SUB> tag causes the font to reduce in size and the baseline to fall. This is a sample of subscript text

SUP: Superscript

The <SUP> tag causes the font to reduce in size and the baseline to rise. This is a sample of superscript text

TT: Teletype (monospace font)

This is a sample of teletype text

U: Underlined

This is a sample of underlined text

Return to index


Information Type Elements

These tags to not affect the appearance of the text, but instead are used for easy indexing by search engines. For instance, a large document may have many references to people's names, and tagging these references as <PERSON> allows a search engine to find any or all of these names while ignoring the rest of the text.

AU: Author name

The <AU> tag indicates the name of an author: Charles Dickens

PERSON: Person name

The <PERSON> tag indicates any person's name: Albert Einstein

ACRONYM: Acronym

The <ACRONYM> tag is used around an acronym: QVP

ABBREV: Abbreviation

The <ABBREV> tag is used around an abbreviation: Dr.

Return to index


Lists

UL: Unordered list

An unordered list is a non-sequenced list of items that may or may not have bullets.

Using the plain attribute to UL creates an unordered list without bullets:

  • Apples
  • Oranges
  • Pears

Without the plain attribute, the list typically uses standard round filled bullets:

  • Apples
  • Oranges
  • Pears

The character used for the bullet may be selected by specifying the dingbat attribute to UL. The list below uses the copyright symbol (&copy;) as a bullet:

  • Apples
  • Oranges
  • Pears
Finally, the compact attribute to UL indicates that the viewer should compress the display of the list to use less area:
  • Apples
  • Oranges
  • Pears
Finally, the type attribute may be used to specify one of three preset bullet types: disc, circle or square.
This list uses the 'disc' bullet:
  • First List Item
  • Second List Item

This list uses the 'circle' bullet:

  • First List Item
  • Second List Item

This list uses the 'square' bullet:

  • First List Item
  • Second List Item

This is an unordered list that defaults to disc bullets, with some list items specifying bullet types:

  • Disc bullet
  • Square bullet
  • Circle bullet
  • Disc bullet
  • Circle bullet
  • Disc bullet
  • Square bullet

OL: Ordered list

An ordered list is a numbered list of items. The numbers may be in one of several formats, including standard (arabic), roman and alphabetical.

The standard ordered list uses arabic numbers, and may or may not have a header using the <lh> tag:

    This is the list header
  1. This is item 1
  2. This is item 2
  3. This is item 3

The continue attribute to OL specifies that the list should begin numbering where the last list left off:

  1. This is item 4
  2. This is item 5
  3. This is item 6

The start (or seqnum) attribute to OL specifies the starting number for the list. This list starts at 5:

  1. This is item 5
  2. This is item 6
  3. This is item 7

The compact attribute to OL indicates that the viewer should compress the display of the list to use less area:

  1. This is item 1
  2. This is item 2
  3. This is item 3

HTML supports five different numbering types: Numbers, capital letters, lowercase letters, uppercase roman numerals, and lowercase roman numerals:
This list uses numbers:

  1. List Item '1'
  2. List Item '2'

  1. List Item 'A'
  2. List Item 'B'

  1. List Item 'a'
  2. List Item 'b'

  1. List Item 'I'
  2. List Item 'II'

  1. List Item 'i'
  2. List Item 'ii'

The numbering state may also be set for each individual list item. The list below has a type of 'A' (uppercase alphabetical), with some list items specifying values and types:

  1. List item 'A'
  2. List item 'IV'
  3. List item '10'
  4. List item 'vii'
  5. List item 'z'
  6. List item 'AA'
  7. List item '1'
  8. List item 'B'

DL: Definition list

A definition list is a list of terms and their definitions. They may be either normal or compact (specified with the compact attribute to DL):
Term A
Definition for Term A
Term B
Definition for Term B
Term C
Definition for Term C

Term A
Definition for Term A (This is a compact list)
Term B
Definition for Term B
Term C
Definition for Term C

Return to index


Tables

Tables have many options in the HTML 3.0 spec, including optional captions and borders, cell spanning both horizontally and vertically, and fixed column widths. Following is a simple right-aligned table demonstrating borders, a caption, and cell spanning. Because no cell widths are specified, the size of each cell in the table will be automatically determined by the viewer:
A test table with merged cells
Average other
category
Misc
heightweight
males1.90.003ABCD
females1.70.0021234

Return to index


Entities

The HTML component of Outside In Viewer Technology supports over 300 character entities, as defined by HTML 3.0 and ISO8859. These characters will display correctly in Outside In Viewer Technology on any computer, provided there is a typeface available that contains the character.

UPPERCASE LIGATURES
Description                 Entity     Char
AE ligature                 &AElig;    Æ    
AE ligature                 &Aelig;    &Aelig;    
A acute accent              &Aacute;   Á   
A circumflex accent         &Acirc;    Â    
A grave accent              &Agrave;   À   
A ring                      &Aring;    Å    
A tilde                     &Atilde;   Ã   
A umlaut                    &Auml;     Ä     
C cedilla                   &Ccedil;   Ç   
E acute accent              &Eacute;   É   
E circumflex accent         &Ecirc;    Ê    
E grave accent              &Egrave;   È   
E umlaut                    &Euml;     Ë     
I acute accent              &Iacute;   Í   
I circumflex accent         &Icirc;    Î    
I grave accent              &Igrave;   Ì   
I umlaut                    &Iuml;     Ï     
N tilde                     &Ntilde;   Ñ   
O acute accent              &Oacute;   Ó   
O circumflex accent         &Ocirc;    Ô    
O grave accent              &Ograve;   Ò   
O slash                     &Oslash;   Ø   
O tilde                     &Otilde;   Õ   
O umlaut                    &Ouml;     Ö     
U acute accent              &Uacute;   Ú   
U circumflex accent         &Ucirc;    Û    
U grave accent              &Ugrave;   Ù   
U umlaut                    &Uuml;     Ü     
Y acute accent              &Yacute;   Ý   
D-stroke                    &Dstrok;   Đ   
Icelandic ETH               &ETH;      Ð      
Icelandic THORN             &THORN;    Þ    

LOWERCASE LIGATURES
Description                 Entity     Char
ae ligature                 &aelig;    æ    
a acute accent              &aacute;   á   
a circumflex accent         &acirc;    â    
a grave accent              &agrave;   à   
a ring                      &aring;    å    
a tilde                     &atilde;   ã   
a umlaut                    &auml;     ä     
c cedilla                   &ccedil;   ç   
e acute accent              &eacute;   é   
e circumflex accent         &ecirc;    ê    
e grave accent              &egrave;   è   
e umlaut                    &euml;     ë     
i acute accent              &iacute;   í   
i circumflex accent         &icirc;    î    
i grave accent              &igrave;   ì   
i umlaut                    &iuml;     ï     
n tilde                     &ntilde;   ñ   
o acute accent              &oacute;   ó   
o circumflex accent         &ocirc;    ô    
o grave accent              &ograve;   ò   
o slash                     &oslash;   ø   
o tilde                     &otilde;   õ   
o umlaut                    &ouml;     ö     
u acute accent              &uacute;   ú   
u circumflex accent         &ucirc;    û    
u grave accent              &ugrave;   ù   
u umlaut                    &uuml;     ü     
y acute accent              &yacute;   ý   
y umlaut                    &yuml;     ÿ     
sz ligature                 &szlig;    ß    
Icelandic eth               &eth;      ð      
icelandic thorn             &thorn;    þ    

UPPERCASE GREEK
Description                 Entity     Char
Alpha                       &Alpha;    Α    
Beta                        &Beta;     Β     
Gamma                       &Gamma;    Γ    
Delta                       &Delta;    Δ    
Epsilon                     &Epsi;     &Epsi;     
                            &Epsilon;  Ε  
Zeta                        &Zeta;     Ζ     
Eta                         &Eta;      Η      
Theta                       &Theta;    Θ    
Iota                        &Iota;     Ι     
Kappa                       &Kappa;    Κ    
Lambda                      &Lambda;   Λ   
Mu                          &Mu;       Μ       
Nu                          &Nu;       Ν       
Xi                          &Xi;       Ξ       
Omicron                     &Omicron;  Ο  
Pi                          &Pi;       Π       
Rho                         &Rho;      Ρ      
Tau                         &Tau;      Τ      
Sigma                       &Sigma;    Σ    
Upsilon                     &Upsi;     ϒ     
                            &Upsilon;  Υ  
Phi                         &Phi;      Φ      
Chi                         &Chi;      Χ      
Psi                         &Psi;      Ψ      
Omega                       &Omega;    Ω    
Ohm symbol (Omega)          &ohm;      Ω      

LOWERCASE GREEK
Description                 Entity     Char
alpha                       &alpha;    α    
beta                        &beta;     β     
gamma                       &gamma;    γ    
delta                       &delta;    δ    
epsilon                     &epsi;     ε     
                            &epsilon;  ε  
zeta                        &zeta;     ζ     
eta                         &eta;      η      
theta                       &theta;    θ    
iota                        &iota;     ι     
kappa                       &kappa;    κ    
lambda                      &lambda;   λ   
mu                          &mu;       μ       
micro symbol (mu)           &micro;    µ    
nu                          &nu;       ν       
xi                          &xi;       ξ       
omicron                     &omicron;  ο  
pi                          &pi;       π       
rho                         &rho;      ρ      
tau                         &tau;      τ      
sigma                       &sigma;    σ    
upsilon                     &upsi;     υ     
                            &upsilon;  υ  
phi                         &phi;      φ      
chi                         &chi;      χ      
psi                         &psi;      ψ      
omega                       &omega;    ω    

GREEK VARIANTS
Description                 Entity     Char
small script phi            &phiv;     ϕ     
                            &varphi;   ϕ   
small omega pi              &piv;      ϖ      
                            &varpi;    ϖ    
small final sigma           &sigmav;   ς   
                            &vsigma;   &vsigma;   
small script theta          &vtheta;   &vtheta;   
                            &thetav;   ϑ   

MATHEMATICAL SYMBOLS
Description                 Entity     Char
logical AND                 &and;      ∧      
logical NOT                 &not;      ¬      
logical OR                  &or;       ∨       
circled plus symbol         &oplus;    ⊕    
circiled times symbol       &otimes;   ⊗   
set intersection            &cap;      ∩      
set union                   &cup;      ∪      
is an element of            &isin;     ∈     
is not an element of        &notin;    ∉    
contains as a member        &ni;       ∋       
proper subset of            &sub;      ⊂      
subset of or equal to       &sube;     ⊆     
not a subset of             &nsub;     ⊄     
proper superset of          &sup;      ⊃      
superset of or equal to     &supe;     ⊇     
empty set                   &empty;    ∅    
equals symbol               &equals;   =   
not equal to                &ne;       ≠       
identical-to                &equiv;    ≡    
similar sign (tilde)        &sim;      ∼      
proportional to             &prop;     ∝     
approximately equal to      &ap;       ≈       
                            &ape;      ≊      
greater than or equal to    &ge;       ≥       
greater than symbol         &gt;       >       
less than or equal to       &le;       ≤       
less than symbol            &lt;       <       
angle                       &ang;      ∠      
function of (script f)      &fnof;     ƒ     
there exists                &exist;    ∃    
for all                     &forall;   ∀   
imaginary number            &image;    ℑ    
real number                 &real;     ℜ     
therefore                   &there4;   ∴   
infinity                    &inf;      &inf;      
                            &infin;    ∞    
perpendicular               &perp;     ⊥     
dot operator                &sdot;     ⋅     
multiplication symbol       &times;    ×    
divide symbol               &divide;   ÷   
minus sign                  &minus;    −    
plus symbol                 &plus;     +     
plus/minus symbol           &plusmn;   ±   
radical square root         &radic;    √    
n-ary summation sign        &sum;      ∑      
n-ary product sign          &prod;     ∏     
first transfinite cardinal  &aleph;    ℵ    
integral symbol             &int;      ∫      
partial differential        &part;     ∂     
                            &pd;       &pd;       
weierstrass p               &weierp;   ℘   

ARROWS AND BRACKETS
Description                 Entity     Char
left pointing arrow         &larr;     ←     
right pointing arrow        &rarr;     →     
up pointing arrow           &uarr;     ↑     
downward arrow              &darr;     ↓     
left-right arrow            &harr;     ↔     
left double arrow           &lArr;     ⇐     
right double arrow          &rArr;     ⇒     
up double arrow             &uArr;     ⇑     
down double arrow           &dArr;     ⇓     
left-right double arrow     &hArr;     ⇔     
left angle bracket          &lang;     ⟨     
right angle bracket         &rang;     ⟩     
left bracket top            &lceil;    ⌈    
Left bracket bottom         &lfloor;   ⌊   
right bracket top           &rceil;    ⌉    
right bracket bottom        &rfloor;   ⌋   
left curly bracket          &lcub;     {     
right curly bracket         &rcub;     }     
left determinant vert bar   &ldet;     &ldet;     
right determinant vert bar  &rdet;     &rdet;     
left parenthesis            &lpar;     (     
right parenthesis           &rpar;     )     
left square bracket         &lsqb;     [     
right square bracket        &rsqb;     ]     


ACCENTS
Description                 Entity     Char
acute accent                &acute;    ´    
spacing breve (short) accent&breve;    ˘    
spacing caron accent        &caron;    ˇ    
cedilla                     &cedil;    ¸    
circumflex accent           &circ;     ˆ     
dieresis                    &die;      ¨      
spacing dot above accent    &dot;      ˙      
grave accent                &grave;    `    
ring                        &ring;     ˚     
tilde                       &tilde;    ˜    
umlaut                      &uml;      ¨      
double acute accent         &dblac;    ˝    
spacing ogonek accent       &ogon;     ˛     

PUNCTUATION
Description                 Entity     Char
period                      &period;   .   
comma                       &comma;    ,    
question mark               &quest;    ?    
inverted question mark      &iquest;   ¿   
exclamation point           &excl;     !     
inverted exclamation point  &iexcl;    ¡    
quotation mark              &quot;     "     
left single quote           &lsquo;    ‘    
right single quote          &rsquo;    ’    
left double quote           &ldquo;    “    
right double quote          &rdquo;    ”    
left angle quote            &laquo;    «    
right angle quote           &raquo;    »    
ampersand                   &amp;      &      
apostrophe                  &apos;     '     
asterisk                    &ast;      *      
colon                       &colon;    :    
semicolon                   &semi;     ;     
hyphen                      &hyphen;   ‐   
paragraph symbol            &para;     ¶     
section symbol              &sect;     §     

DASHES, SPACES, AND BARS
Description                 Entity     Char
break bar                   &brkbar;   &brkbar;   
vertical bar                &brvbar;   ¦   
raised bar                  &hibar;    &hibar;    
horizontal bar              &horbar;   ―   
low line                    &lowbar;   _   
vertical bar                &verbar;   |   
centered horizontal ellipsis&cdots;    &cdots;    
horizontal ellipsis         &hellip;   …   
low horizontal ellipsis     &ldots;    &ldots;    
diagonal ellipsis           &ddots;    &ddots;    
                            &dellip;   &dellip;   
vertical ellipsis           &vdots;    &vdots;    
vertical ellipsis           &vellip;   ⋮   
m-width dash                &emdash;   &emdash;   
                            &mdash;    —    
n-width dash                &endash;   &endash;   
                            &ndash;    –    
m-width space               &emsp;           
n-width space               &ensp;           
hair-width space            &hairsp;       
non-breaking space          &nbsp;           
quad em space               &quad;     &quad;     
medium space                &sp;       &sp;       
Thin space (1/6 em space)   &thinsp;       

MISCELLANEOUS
Description                 Entity     Char
diamonds playing card suit  &diams;    ♦    
clubs playing card suit     &clubs;    ♣    
hearts playing card suit    &hearts;   ♥   
spades playing card suit    &spades;   ♠   
cent symbol                 &cent;     ¢     
dollar symbol               &dollar;   $   
british pound symbol        &pound;    £    
japanese yen symbol         &yen;      ¥      
universal currency symbol   &curren;   ¤   
seconds mark                &Prime;    ″    
minute mark                 &prime;    ′    
degrees symbol              &deg;      °      
number symbol               &num;      #      
ordinal indicator, feminine &ordf;     ª     
ordinal indicator, masculine&ordm;     º     
lozenge, total mark         &loz;      ◊      
macron                      &macr;     ¯     
del op., gradient, nabla    &nabla;    ∇    
percent symbol              &percnt;   %   
music note (sung text sign) &sung;     ♪     
middle-height dot           &middot;   ·   
round filled bullet         &bull;     •     
solidus (slash)             &sol;      /      
reverse solidus (backslash) &bsol;     \     
commercial at sign          &commat;   @   
copyright symbol            &copy;     ©     
registered symbol           &reg;      ®      
trademark symbol            &trade;    ™    
1/2 fraction                &frac12;   ½   
1/4 fraction                &frac14;   ¼   
1/8 fraction                &frac18;   ⅛   
3/4 fraction                &frac34;   ¾   
3/8 fraction                &frac38;   ⅜   
5/8 fraction                &frac58;   ⅝   
7/8 fraction                &frac78;   ⅞   
1/2 fraction                &half;     ½     
superscripted '1'           &sup1;     ¹     
superscripted '2'           &sup2;     ²     
superscripted '3'           &sup3;     ³     

Return to index


Horizontal Rules

HTML supports horizontal rules with height, width and shading attributes: <HR SIZE=number>
Specifies how thick the horizontal rule should be.
This rule has a size of 0:
This rule has a size of 5:
This rule has a size of 10:
This rule has a size of 15:
This rule has an unspecified size:

<HR WIDTH=number|percent>
Specifies the width of the horizontal rule either as a constant values or as a percentage of window width.
This rule has a width of 100:


This rule has a width of 200:
This rule has a width of 2000:
This rule has a width of 20%:
This rule has a width of 60%:
This rule has a width of 90%:

<HR ALIGN=left|center|right>
Specifies horizontal alignment for rules that aren't as wide as the page. All of the rules below have a width of 50%.
This rule is left aligned:


This rule is center aligned:
This rule is right aligned:
This rule has an unspecified alignment:

<HR NOSHADE>
Specifies that the rule should display as a solid color instead of using any shading or 3-D effects.
This rule specifies NOSHADE:


This rule does not specify NOSHADE:

Return to index