Browser Test Page


This is a highlighted message!

Heading using <h1>

Heading using <h2>

Heading using <h3>

Heading using <h4>

Heading using <h5>
Heading using <h6>

Text Styles

This is ordinary text.    <b> bold text</b>    <i> italic text</i>    <u> underlined text</u>
<strong> strong (usually bold)</strong>    <em> emphasise (usually italic)</em>
<sub> subscript</sub>    <sup> superscript</sup>    <tt> monospaced</tt>
<strike> strike through</strike>

Text Sizes - absolute

This is the size of normal (default = size 3) text. Monospaced.
<font size=1>Example of text at size 1. Monospaced. </font>
<font size=2>Example of text at size 2. Monospaced. </font>
<font size=3>Example of text at size 3. Monospaced. </font>
<font size=4>Example of text at size 4. Monospaced. </font>
<font size=5>Example of text at size 5. Monospaced. </font>
<font size=6>Example of text at size 6. Monospaced. </font>
<font size=7>Example of text at size 7. Monospaced. </font>

Text Sizes - relative

This is the size of normal (default = size 3) text. Monospaced.
<font size=-1> Example of text at size -1. Monospaced. </font>
<small> Example of small (size -1) text. Monospaced. </small>
<font size=-2> Example of text at size -2. Monospaced. </font>

This is the size of normal (default = size 3) text. Monospaced.
<font size=+1> Example of text at size +1. Monospaced. </font>
<big> Example of big (size +1) text. Monospaced. </big>
<font size=+2> Example of text at size +2. Monospaced. </font>
<font size=+3> Example of text at size +3. Monospaced. </font>
<font size=+4> Example of text at size +4. Monospaced. </font>


Layout Controls

<p> New paragraph (leaves blank line above).
<br> New line, this does not require a closing tag.

<center> Centered Heading. </center>

<center> Centered text, note American spelling! </center>

Horizontal rules

<hr> Horizontal rule, default:
<hr noshade> Horizontal rule, solid:
<hr noshade size=5> Horizontal rule, 5 pixels thick:
<hr noshade size=10> Horizontal rule, 10 pixels thick:
<hr width=50%> Horizontal rule across 50% of screen width:
<hr width=50> Horizontal rule 50 pixels wide:

Colours

The are 16 reliable named colours. All other colours should be specified using the #rrggbb number system. There are 216 'websafe' colours which are multiples of 33 (hex), these are shown in the second table.

For coloured text use: <font color=red> red text </font> or <font color=#ff0000> red text </font>
Note the American spelling of color!

If you specify a text colour it is wise to also specify a background colour in case the browser's default background colour is the same as your intended text.

Colour Name rrggbb numberText in colourBackground colour
aqua #00ffffDemonstration 
black #000000Demonstration 
blue #0000ffDemonstration 
fuchsia#ff00ffDemonstration 
gray #bebebeDemonstration 
green #008000Demonstration 
lime #00ff00Demonstration 
maroon #800000Demonstration 
navy #000080Demonstration 
olive #808000Demonstration 
purple #800080Demonstration 
red #ff0000Demonstration 
silver #c0c0c0Demonstration 
teal #008080Demonstration 
white #ffffffDemonstration 
yellow #ffff00Demonstration 

Table of 216 Websafe Colours

It is probably not worth worrying about colours being websafe, but do make sure there is sufficient contrast between the text and the background.
HexColourHexColourHexColourHexColourHexColourHexColour
00000000330000660000990000cc0000ff00
00003300333300663300993300cc3300ff33
00006600336600666600996600cc6600ff66
00009900339900669900999900cc9900ff99
0000cc0033cc0066cc0099cc00cccc00ffcc
0000ff0033ff0066ff0099ff00ccff00ffff
HexColourHexColourHexColourHexColourHexColourHexColour
33000033330033660033990033cc0033ff00
33003333333333663333993333cc3333ff33
33006633336633666633996633cc6633ff66
33009933339933669933999933cc9933ff99
3300cc3333cc3366cc3399cc33cccc33ffcc
3300ff3333ff3366ff3399ff33ccff33ffff
HexColourHexColourHexColourHexColourHexColourHexColour
66000066330066660066990066cc0066ff00
66003366333366663366993366cc3366ff33
66006666336666666666996666cc6666ff66
66009966339966669966999966cc9966ff99
6600cc6633cc6666cc6699cc66cccc66ffcc
6600ff6633ff6666ff6699ff66ccff66ffff
HexColourHexColourHexColourHexColourHexColourHexColour
99000099330099660099990099cc0099ff00
99003399333399663399993399cc3399ff33
99006699336699666699996699cc6699ff66
99009999339999669999999999cc9999ff99
9900cc9933cc9966cc9999cc99cccc99ffcc
9900ff9933ff9966ff9999ff99ccff99ffff
HexColourHexColourHexColourHexColourHexColourHexColour
cc0000cc3300cc6600cc9900cccc00ccff00
cc0033cc3333cc6633cc9933cccc33ccff33
cc0066cc3366cc6666cc9966cccc66ccff66
cc0099cc3399cc6699cc9999cccc99ccff99
cc00cccc33cccc66cccc99ccccccccccffcc
cc00ffcc33ffcc66ffcc99ffccccffccffff
HexColourHexColourHexColourHexColourHexColourHexColour
ff0000ff3300ff6600ff9900ffcc00ffff00
ff0033ff3333ff6633ff9933ffcc33ffff33
ff0066ff3366ff6666ff9966ffcc66ffff66
ff0099ff3399ff6699ff9999ffcc99ffff99
ff00ccff33ccff66ccff99ccffccccffffcc
ff00ffff33ffff66ffff99ffffccffffffff

Special Characters

This table shows a selection of the special characters.
Character nameHTML codeCharacter
ampersand &amp; &
quote &quot; "
less than &lt; <
greater than &gt; >
nonbreaking space &nbsp;  
pound sign &pound; £
broken vertical bar&brvbar;¦
section sign &sect; §
copyright &copy; ©
degree sign &deg; °
plus or minus &plusmn;±
superscript 1 &sup1; ¹
superscript 2 &sup2; ²
superscript 3 &sup3; ³
micro &micro; µ
paragraph sign &para;
decimal point &middot;·
quarter &frac14;¼
half &frac12;½
three-quarter &frac34;¾
multiply &times; ×
divide &divide;÷
e acute &eacute;é
E acute &Eacute;É
NOT sign &not; ¬