HTML MSN Tutor0

Tutor 6 Simple Tables or better Basic tables

<div> Tables are simply a box to put things into you decide how many boxes you want.
and How many rows of boxes in the whole table
The table command has lots of controls you can set to customize the table.
<tr> = Table row used to contain table cells </tr>
<td> = Table cells used to contain your data </td>

<table><tr><td>your data</td></tr></table>

Here are a few of the settings:
<table align="center" bgcolor="Blue" cellpadding="1" cellspacing="1" width="100%">
<tr align="center" bgcolor="Fuchsia" valign="middle">
<td align="center" bgcolor="Aqua" width="50%" background="address of graphic">
Content of each cell goes here
</td>
</tr>
</table>

Below is show 4 colored tables and
below them respectively are the html code to create them.

In all table commands no background and no bgcolor makes it transparent.

Row 1 cell 1

1 table with 1 cell table background color blue with no cell background color

Row 1 cell 1

1 table with 2 cells table background color blue with cell 1 background color red and cell 2 transparent

Row 1 cell 1

Row 1 cell 2

1 table background blue with Table row background yellow and 3 cells
with cell 1 color red and cell 2 green cell 3 transparent(yellow) note blue lines.

Row 1 cell 1

Row 1 cell 2

Row 1 cell 3

1 table background blue with Table row background yellow and 4 cells
with cell 1 color red and cell 2 green cell 3 blue cell 4 Fuchsia
NOTE: blue lines of the table background but the yellow row background cannot be seen.

Row 1 cell 1

Row 1 cell 2

Row 1 cell 3

Row 1 cell 4

Listed below is the html to create these tables above.