Example HTML - (H1 - Header)

H2 - Header

H3 - Header

H4 - Header

H5 - Header
H6 - Header
All of the tage used in the construction of this page should be compatable with all browsers. View the source of this page by selecting Source in the View Menu - or by saving - then viewing in a text or HTML editor.

The basic font size ( also called text size) is determined by the default set on your browser - but can changed
"this is size=+2" and
"this is size=-1"

If a sign is NOT put in front of the number - then the size is absolute and your text will be difficult to read on some browsers.

Other font definition tags are - SMALL - Smaller text STRIKE - Strikeout STRONG - Strongly emphasized SUB - Subscript SUP - Superscript

Align left

Align center

Align right

4x4 table with equal cell widths and this caption above - table and cell background 
colours - various alignments - and column and row spanning are demonstrated 

The top row uses <th> (table header tags] in place of <td> [table data tags]
- so causing the text to be in bold

Table 1 
Row 1 
Column 1 (default) 
T2R1C2 valign top  T2R1C3 valign center  T2R1C4 valign bottom 
Table 1 
Row 2 
Column 1 (default) 

 

T2R2C2 
align left 
T2R2C2 
align center 
T2R2C2 
align right 
Table 1 
Row 3 
Column 1,2 (default) 

 

T2R3C3
align center
valign baselines
T2R3,4C4
background image 
Table 1 
Row 4 
Column 1 (default) 
T2R4C2
cell colour 
T2R4C3 

T3R1C1
 
T4R1C1
T4R2C1
T4R3C1
T4R4C1
T4R5C1
T4R6C1
Use of a single column table to represent push button links
T3R1C2

un-ordered list

  • item
  • item
  • item
  • item
  • item
  • item
WSFHS Logo
T3R1C3

ordered list

  1. item
  2. item
  3. item
  4. item
3x1 table 68% width of outer table with this caption below
- an inner table 90% width in column 1
- table - cell - and border colour 

 


Colours

A range of 16 colours can be defined by name - otherwise a larger range may be selected by using codes for the red green and blue content. Most HTML editors will allow you to select a colour from a pallette and then determine and insert the codes for you.

The named colours and their RGB codes are as follows
Black = "#000000" Navy = "#000080"
Blue = "#0000FF" Green = "#008000"
Teal = "#008080" Lime = "#00FF00"
Aqua = "#00FFFF" Maroon = "#800000"
Purple = "#800080" Olive = "#808000"
Gray = "#808080" Silver = "#C0C0C0"
Red = "#FF0000" Fuchsia = "#FF00FF"
Yellow = "#FFFF00" White = "#FFFFFF"

These are used to define: text colour - border colour - links (unvisited; active; visited) - background colour (whole page; table; individual table cells) You must to take care that you choose text colours that can be easily read against your background colour or image.

next
Copyright (C) 2000 - James Montague - last update 20th June 2000