Make your own free website on Tripod.com

The Table Sampler

THE TABLE SAMPLER

This is intended to be a tutorial by example of Tables. This covers most of the new tags in tables, though it doesn't necessarily show some of the really creative capabilities available in tables.


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>

TWO DEMONSTRATIONS 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>

Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7

<TABLE BORDER>
        <TR>
                <TD ROWSPAN=2>Item 1</TD>
                <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>
        </TR>
        <TR>
                <TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</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 B C
D E F

<TABLE BORDER>
        <TR>
                <TH>Head1</TH> <TH>Head2</TH> <TH>Head3</TH>
        </TR>
        <TR>
                <TD>A</TD> <TD>B</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 MULTIPLE HEADERS, COLSPAN

Head1 Head2
Head 3 Head 4 Head 5 Head 6
A B C D
E F G H

<TABLE BORDER>
        <TR>
                <TH COLSPAN=2>Head1</TH>
                <TH COLSPAN=2>Head2</TH>
        </TR>
        <TR>
                <TH>Head 3</TH> <TH>Head 4</TH> 
                <TH>Head 5</TH> <TH>Head 6</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
Head2 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>Head2</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>

DEMONSTRATION OF SIDE HEADERS, ROWSPAN

Head1 Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7 Item 8
Head2 Item 9 Item 10 Item 3 Item 11

<TABLE BORDER>
        <TR><TH ROWSPAN=2>Head1</TH>
            <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>
        </TR>
        <TR><TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> <TD>Item 8</TD>
        </TR>
        <TR><TH>Head2</TH>
            <TD>Item 9</TD> <TD>Item 10</TD> <TD>Item 3</TD> <TD>Item 11</TD>
        </TR>
</TABLE>

SAMPLE TABLE USING ALL OF THESE

Average
HeightWeight
Gender Males1.90.003
Females1.70.002

<TABLE BORDER>
        <TR>      <TD><TH ROWSPAN=2></TH>
                <TH COLSPAN=2>Average</TH></TD>
        </TR>
        <TR>      <TD><TH>Height</TH><TH>Weight</TH></TD>
        </TR>
        <TR>      <TH ROWSPAN=2>Gender</TH>
                <TH>Males</TH><TD>1.9</TD><TD>0.003</TD>
        </TR>
        <TR>      <TH>Females</TH><TD>1.7</TD><TD>0.002</TD>
        </TR>
</TABLE>

CLEVER USES OF ROWSPAN/COLSPAN

A 1 2
3 4
C D