CREATING BASIC TABLES
 






To create basic tables in HTML, you define the parts of your table with HTML and which bits of HTML go where, and you add HTML table code around those parts.  The you refine your table's appearence with allignments, borders, and colored cells.
 
CAPTION 
 
TABLE ROW
 
SAMPLE TABLE #1
TABLE
HEADING
TABLE
HEADING
TABLE HEADING
TABLE
DATA
TABLE DATA
TABLE
DATA
TABLE
DATA
TABLE
DATA
TABLE
DATA
     TABLE 
   COLUMN 
                     TABLE CELL


SAMPLE CODE FOR TABLE #1


 





                             <TABLE BORDER>
                            <CAPTTION>SAMPLE TABLE #1</CAPTION>
                            <TR>
                                    <TH>TABLE HEADING</TH>
                                    <TH>TABLE HEADING</TH>
                                    <TH>TABLE HEADING</TH>
                            </TR>
                            <TR>
                                    <TD>TABLE DATA</TD>
                                    <TD>TABLE DATA</TD>
                                    <TD>TABLE DATA</TD>
                            </TR>
                            <TR>
                                    <TD>TABLE DATA</TD>
                                    <TD>TABLE DATA</TD>
                                    <TD>TABLE DATA</TD>
                            </TR>
                            </TABLE>
 

                    The above table is basic.  It has 3 rows and 3 columns.  The top row has been utilized as a header for each of the columns.  As you see each of the cells has been manipulated with a different backgroung color.
 
 




Exercise Page
 

Home Page
 

Return to the Class Page