(sung to the tune: 'I'm A Little Teapot)
Table Tags
          Basic Table Tags
  • <<>table<>> I'm a little TABLE TAG short and sweet
  • <<>tr<>> I'm a little TABLE ROW I go across the page
  • <<>td<>>and I'm the little TABLE DATA cell that corrals your stuff
  • This is the code that starts ALL TABLES, put yer stuff in there and don't steam or shout!
  • <<>/td<>> I'm the little STOP DATA CELL don't forget me or I will go everywhere!
  • <<>/tr<>> I'm the little STOP ROW tag, stop me now! then you can make another
  • <<>/table<>>Now I'm done, this is my stop!

(sung to the tune: 'OhOh Little Sheila')
Rowspan and Colspan
Padding and Spacing
         more Tags
  • <<>colspan="#"<>>whoa a whoa little COLSPAN spans the number of <<>td<>> cells like a bridge left to right
  • <<>rowspan="#"<>> whoa a whoa little ROWSPAN spans the number of <<>tr<>>table rows like a ladder up and down
  • <<>table cellpadding="#"<>>whoa a whoa little cellPADDING you are the bubble-wrap around the contents of my <<>td<>> cell
  • <<>table cellspacing="#"<>>whoa a whoa little cellSPACING you are the outer space of the <<>td<>> cells like a window lattice frame 'tween the panes of glass

(sung to the tune: Pretty Woman)
Putting it Together
  Little table, marching down the page
  Little table, you make my stuff so neat
  Little table, now YOU BEHAAAAVE!
  Little Table!
Example of basic table
<<>table<>><<>tr<>><<>td<>><<>/td<>><<>/tr<>><<>/table<>>

Example of table with colspan (horizontal)
<<>table<>><<>tr<>><<>td colspan="#"<>><<>/td<>><<>/tr<>><<>/table<>>
Example of table with rowspan (vertical)
<<>table<>><<>tr<>><<>td rowspan="#"<>><<>/td<>><<>/tr<>><<>/table<>>
some tables with code used for them
I can't think of a song for this one :-)
<<>table width="90%" border="1" cellpadding="5" cellspacing="0"<>><<>tr<>><<>td align="center" valign="top"<>><<>/td<>><<>/tr<>><<>/table<>>


COLSPAN
50%
width
50%
width
<<>table bgcolor="#D3FCFF" border="1" cellpadding="5" cellspacing="0" width="90%"<>> <<>tr<>><<>td colspan="2"<>>BLUE<<>/td<>><<>/tr<>><<>tr<>><<>td width="50%"<>>BLUE<<>/td<>><<>td bgcolor="#ffffff" width="50%"<>>WHITE<<>/td<>><<>/tr<>><<>tr<>><<>td colspan="2" bgcolor="#ffffff"<>>WHITE<<>/td<>><<>/tr<>><<>/table<>>


ROWSPAN
2
ROW 1
ROW 2

<<>table<>><<>tr<>><<>td rowspan="2"<>>BLUE<<>/td<>><<>td<>>ROW 1<<>/td<>><<>/tr<>><<>tr<>><<>td<>>ROW 2<<>/td<>><<>/tr<>><<>/table<>>


HORIZONTAL Alignment
<<>--LEFTCENTERRIGHT--<>>
VERTICAL Alignments
TOP
MIDDLE
BOTTOM