Tutorial 1 - Basic HTML Tables
To create a graphical table with HTML, you start with the < TABLE > tage. The < TABLE > tag identifies where the table structure begins, and the < /TABLE > tag indicates where the table ends.
After you've identified the location of the table, you identify the number of rows in the table by insterting a < TR > (for table row) tag at the beginning of each table row, starting with the top row of the table and moving down. The end of each table row is indicated by a < /TR > tag.
Finally, within the < TR > tags you must indicate the location of each table cell with < TD > (for table data) tags.
HTML does not provide a means of specifying the number and placement of table columns. Columns are determined by how many cells are inserted withing each row. For example, if you have four < TD > tags in each table row, that table has four columns. So if you want to make sure that the columns in your table line up correctly, you must be careful about the placement and number of < TD > tags withing each row.
The general code for a graphical table is:
Note: Remove X and extra spacecs in code to properly create your table
< XTABLE >
< XTR >
< XTD > FIRST CELL < X/TD >
< XTD > SECOND CELL < X/TD >
< X/TR >
< XTR >
< XTD > THIRD CELL < X/TD >
< XTD > FOURTH CELL < X/TD >
< X/TR >
< X/TABLES >
This example creast a table with two rows and two columns, displaying a total of four cells. This is what your table should looks like:
| FIRST CELL |
SECOND CELL |
| THIRD CELL |
FOURTH CELL |
