TABLES

Text	Images	Sound	Links	Lists
Frames	Forms	Style Sheets	Scripts	Links to Other Pages

TABLE TAGS

The following Table Tags will be covered in this tutorial:

<TABLE> ... </TABLE> : Constructs a table.

<CAPTION> ... </CAPTION> : Places a title on the table.

<TH> : Constructs a heading for a row or for a column ie a Table Header

<TR> : Constructs a Table Row

<TD> : Constructs a Table Data (Cell)

<TABLE> ... </TABLE> TAGS

Main Attributes:

ALIGN= left, right, center (places a table on the left, right or centre of the screen)

BGCOLOR= "#RRGGBB" (background colour code)

BORDER= number (thickness of border lines in pixels)

CELLPADDING= number (space, in pixels, between the sides of a cell and the contents of the cell)

CELLSPACING= number (space, in pixels, between cells and space between border lines and cells)

WIDTH= number/percent (width of a table as a number or as a pixel)

The word number refers to PIXEL(S).

A PIXEL is a PICTURE ELEMENT or the smallest visible dot/point on the screen.
Specifying "WIDTH=" as a percentage enables a table to automatically alter its dimensions when a window is resized and is therefore the preferred method (see following examples).

<CAPTION> ... </CAPTION> TAGS

Attribute:

ALIGN= left, right, top, bottom (where the title will appear on a table)

<TH> ... </TH> TAGS

Main Attributes:

ALIGN= left, right, center, justify, char

BGCOLOR= "#RRGGBB"

BACKGROUND= "URL" (Uniform Resource Locator or the address of an image)

COLSPAN= number (number of columns a cell overlaps)

ROWSPAN= number (number of rows a cell overlaps)

VALIGN= top, middle, bottom, baseline

WIDTH= number/percent

<TR> ... </TR> TAGS

Main Attributes:

ALIGN= left, right, center, justify, char

BGCOLOR="#RRGGBB"

BACKGROUND="URL" (Address of image)

VALIGN= top, middle, bottom, baseline