Tags: < table >


   Tables are great for organizing information. They can also be used to easily position objects around your page. The tables can be made invisible or add colours and backgrounds. A table may also be placed inside another table. Tables can be made in many different shapes and sizes.

This is the simplest Table tag.

< table >  * Opening Table tag.
< tr >     * This creates a row.
< td >< /td>   * This creates a table column.
< /tr >     * This ends the row.
< /table >  * Closing Table tag.

It will produce an invisible box just big enough to fit whatever is place in the data cell `< td > OBJECT < /td >`

Table Tag Variables
SYNTAX
VARIABLE
DESCRIPTION
border="" Number 0 > ~    Sets the width of the tables` outer border. If 0 is entered the table border is not visable.
bordercolor="" HEX colours
or named colour
ie:#99CCFF or NAVY		    Sets the colour of the border.
bordercolordark="" HEX colours
or named colour
ie:#99CCFF or NAVY		    Sets the colour of the dark sides of the table border.
bordercolorlight="" HEX colours
or named colour
ie:#99CCFF or NAVY		    Sets the colour of the light sides of the table border.
bgcolor="" HEX colours
or named colour
ie:#99CCFF or NAVY		    Sets the background colour of the table or table section.
background="" Image File
ie: bitmap(BMP), jpg or gif		    This allows you to use a tiled image for a background on the table.
width="" Number 0 > ~ or
Percentage 0% > ~%
Table can be made wider then the page width.		    This sets the table width to a number of pixels or a percentage of screen width.
   Note: If the objects in the table are bigger then your pixel or percentage setting they will increase the size of the table to fit.
height="" Number 0 > ~ or
Percentage 0% > ~%
Table can be made as long as needed.		    This sets the table height to a number of pixels or a percentage of screen height.
  Note: If the objects in the table are bigger then your pixel or percentage setting they will increase the size of the table to fit.
cellspacing="" Number 0 > ~    Cellspacing is the distance between the blocks of the table.
cellpadding="" Number 0 > ~    Cellspacing is the distance between an object in the table and the edge of the border..
align="" left, right, middle    Aligns the table
rowspan="" Number 1 to # of rows    Creates a row in the table which spans across x number of columns.
colspan="" Number 1 to # of colums    Creates a column in the table which spans down x number of rows.
valign="" top, middle, bottom    Verticaly aligns objects within the table.

Some Samples Of Table Layouts
1
2
3
4
5
6
7
8
9
10
11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30
31 32 33 34 35 36 37 38 39 40
41 42 43 44 45 46 47 48 49 50
51 52 53 54 55 56 57 58 59 60
61 62 63 64 65 66 67 68 69 70
71 72 73 74 75 76 77 78 79 80
81 82 83 84 85 86 87 88 89 90
91 92 93 94 95 96 97 98 99 00
4
3
2
1


Bug
This is Page 15 of Learning HTML
spider

Click HERE to see the code used to ceate these tables.


OK enough of this. Let`s learn about  COLOUR
Click COLOUR   ←