<table><tr><td></td></tr><table>
| This is what the code above would look like. It is a
one cell table. |
In most cases however one cell tables is not what people are looking for. So
in this case I have shown some examples below on how you can alter your table to
fit your needs and design preferences.
| This is what a two column |
table would resemble |
Abvoe is a two cell table. This is actually closer to what more people
use, only with multiple rows. The code for this table would look like:
<table border="1" >
<tr>
<td>This is what a two cell</td>
<td >table would resemble</td>
</tr>
</table>
| This is two row table. This only has two cells, but |
| this is how you make additional lines in your table |
Above is a two row table. This is another common table that
allows various rows. This is usually combined with multiple
columns as well. The code for this table would look like:
<Table>
<tr>
<td>This is two row table. This only has two cells, but</td>
</tr>
<tr>
<td>this is how you make additional lines in your table</td>
</tr>
</table>
The code above is for a three cell table. The table takes up two rows
in the first column creating one column, and the second column uses both rows.
Please note the rowspan="2". This tells the first column to take
up two rows, and allows the first cell to be larger than the other two.
<table border="1" >
<tr>
<td rowspan="2">Purple =</td>
<td >Red</td>
</tr>
<tr>
<td>Blue</td>
</tr>
</table>
|
Grocery List |
| Eggs |
Milk |
Butter |
| Bread |
Apples |
Sugar |
| Tomatoes |
Spaghetti |
Hamburger |
The example above is for a 4 row 3 column table. The title, in this
case, takes up all three columns and is noted with the colspan="3".
The colspan tells the table that the cell in question should span three
columns. This allows the title to be centered over the items listed in the
table.
<table border="1" width=300>
<tr>
<td colspan="3" >
<p align="center"><b>Grocery List</b></td>
</tr>
<tr>
<td align="center" >Eggs</td>
<td align="center" >Milk</td>
<td align="center" >Butter</td>
</tr>
<tr>
<td align="center" >Bread</td>
<td align="center" >Apples</td>
<td align="center" >Sugar</td>
</tr>
<tr>
<td align="center" >Tomatoes</td>
<td align="center" >Spaghetti</td>
<td align="center" >Hamburger</td>
</tr>
</table>
In all of the examples it is important to remember how much space you would like
a cell to take up. This will become important when you need to figure out
how many rows or columns you need a specific cell to take up.
Top
