A Basic 3x2 Table
A | B | C |
D | E | F |
<TABLE BORDER> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
A | B | C |
D | E | F |
<TABLE> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
A | B | C |
D | E | F |
<TABLE BORDER> <TR> <TD> A </TD> <TD> B </TD> <TD> C </TD> </TR> <TR> <TD> D </TD> <TD> E </TD> <TD> F </TD> </TR> </TABLE>
A | B | C |
E | F |
<TABLE BORDER> <TR> <TD> A </TD> <TD> B </TD> <TD> C </TD> </TR> <TR> <TD> </TD> <TD> E </TD> <TD> F </TD> </TR> </TABLE>
A | B | C |
E | F |
<TABLE BORDER> <TR> <TD> A </TD> <TD> B </TD> <TD> C </TD> </TR> <TR> <TD> </TD> <TD> E </TD> <TD> F </TD> </TR> </TABLE>
Demonstration of ROWSPAN
Item 1 | Item 2 | Item 3 |
Item 4 | Item 5 |
<TABLE BORDER> <TR> <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD> </TR> <TR> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>
Demonstration of COLSPAN
Item 1 | Item 2 | |
Item 3 | Item 4 | Item 5 |
<TABLE BORDER> <TR> <TD>Item 1</TD> <TD COLSPAN=2>Item 2</TD> </TR> <TR> <TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>
Demonstration of Headers: <TH>
Head1 | Head2 | Head3 |
---|---|---|
A | BBBBBBBBBB | C |
D | E | F |
<TABLE BORDER> <TR> <TH>Head1</TH> <TH>Head2</TH> <TH>Head3</TH> </TR> <TR> <TD>A</TD> <TD>BBBBBBBBBB</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
Demonstration of COLSPAN and Headers
Head1 | Head2 | ||
---|---|---|---|
A | B | C | D |
E | F | G | H |
<TABLE BORDER> <TR> <TH COLSPAN=2>Head1</TH> <TH COLSPAN=2>Head2</TH> </TR> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD> </TR> <TR> <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD> </TR> </TABLE>
Demonstration of Side Headers
Head1 | Item 1 | Item 2 | Item 3 |
---|---|---|---|
Head22222222 | Item 4 | Item 5 | Item 6 |
Head3 | Item 7 | Item 8 | Item 9 |
<TABLE BORDER> <TR><TH>Head1</TH> <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD></TR> <TR><TH>Head222222222</TH> <TD>Item 4</TD> <TD>Item 5</TD> <TD>Item 6</TD></TR> <TR><TH>Head3</TH> <TD>Item 7</TD> <TD>Item 8</TD> <TD>Item 9</TD></TR> </TABLE>
A Table with a BORDER of 10
Item 1 | Item 2 |
Item 3 | Item 4 |
<TABLE BORDER=10> <TR> <TD>Item 1</TD> <TD> Item 2</TD> </TR> <TR> <TD>Item 3</TD> <TD>Item 4</TD> </TR> </TABLE>
Cell Padding and Cell Spacing
A | B | C |
D | E | F |
<TABLE BORDER CELLPADDING=10 CELLSPACING=0> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
A | B | C |
D | E | F |
<TABLE BORDER CELLPADDING=0 CELLSPACING=10> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
A | B | C |
D | E | F |
<TABLE BORDER CELLPADDING=10 CELLSPACING=10> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
A | B | C |
D | E | F |
<TABLE BORDER=5 CELLPADDING=10 CELLSPACING=10> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
January | February | March |
---|---|---|
This is cell 1 | Cell 2 |
Another cell,
cell 3 |
Cell 4 |
and now this
is cell 5 |
Cell 6 |
<TABLE BORDER> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR> <TD>This is cell 1</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> <TR> <TD>Cell 4</TD> <TD>and now this<br>is cell 5</TD> <TD>Cell 6</TD> </TR> </TABLE>
ALIGN=LEFT|RIGHT|CENTER
can be applied to individual cells or whole ROWs
January | February | March |
---|---|---|
all aligned center | Cell 2 |
Another cell,
cell 3 |
aligned right | aligned to center |
default,
aligned left |
<TABLE BORDER> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR ALIGN=center> <TD>all aligned center</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> <TR> <TD ALIGN=right>aligned right</TD> <TD ALIGN=center>aligned to center</TD> <TD>default,<br>aligned left</TD> </TR> </TABLE>
VALIGN=TOP|BOTTOM|MIDDLE
can be applied to individual cells or whole ROWs
January | February | March |
---|---|---|
all aligned to top |
and now this
is cell 2 |
Cell 3 |
aligned to the top | aligned to the bottom |
default alignment,
center |
<TABLE BORDER> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR VALIGN=top> <TD>all aligned to top</TD> <TD>and now this<br>is cell 2</TD> <TD>Cell 3</TD> </TR> <TR> <TD VALIGN=top>aligned to the top</TD> <TD VALIGN=bottom>aligned to the bottom</TD> <TD>default alignment,<br>center</TD> </TR> </TABLE>
CAPTION=TOP|BOTTOM
January | February | March |
---|---|---|
This is cell 1 | Cell 2 |
Another cell,
cell 3 |
<TABLE BORDER> <CAPTION ALIGN=top>A top CAPTION</CAPTION> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR> <TD>This is cell 1</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> </TABLE>
January | February | March |
---|---|---|
This is cell 1 | Cell 2 |
Another cell,
cell 3 |
<TABLE BORDER> <CAPTION ALIGN=bottom>A bottom CAPTION</CAPTION> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR> <TD>This is cell 1</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> </TABLE>
Basic 50% Width
Width=50% | Width=50% |
3 | 4 |
<TABLE BORDER WIDTH="50%"> <TR><TD>Width=50%</TD><TD>Width=50%</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
Item width affects cell size | 2 |
3 | 4 |
<TABLE BORDER WIDTH="50%"> <TR><TD>Item width affects cell size</TD><TD>2</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
WIDTH=100% | This is item 2 |
3 | 4 |
<TABLE BORDER WIDTH="100%"> <TR><TD>WIDTH=100%</TD><TD>This is item 2</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
Centering a Table on a Page
A | B | C |
D | E | F |
<CENTER> <TABLE BORDER WIDTH="50%"> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE> </CENTER>