|
Tables can be somewhat difficult to code. We
will simply touch on the highlights to get you started into
coding tables. There are three basic steps to defining
a simple table. First Define the Table itself (appearance
of table, cell spacing, backgrounds, etc.) then define a row
of the table (Again setting the appearance properties to define
the background, alignment, etc.) and finally defining the
columns for a table.
Think of a table as a Grid. The table itself
is the outside boundary of the Grid, and the grid itself is
made up of Rows and columns. A Cell represents a single
block that can be identified by an X,Y coordinate. The
following is an example of a table with 3 rows and 5 columns:
As you can see from the above example. There are a
total of 15 cells. The following is the HTML code that
is used to create the above table:
<table
border="1" width="43%">
<tr>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
</tr>
<tr>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
</tr>
<tr>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
<td width="20%"></td>
</tr>
</table> |
Ok, let's proceed with defining a table, then rows,
then columns (or cells):
Defining a Table
Defining a Row
Defining a Column |
