Kid's Guide

1 - Tags
2 - Page Sections
3 - Format/Nesting
4 - Head Tags
5 - Body tags
6 - Text Decoration
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
    part 1 - rows & columns
    part 2 - backgrounds
    part 3 - alignment
    part 4 - borders
    part 5 - nesting
14 - Frames

Alignment in Tables

You can use alignment in tables the same way you can in text elements. Place the align="direction" inside of the <table> and <td> tags. Inside of the <table> tag you will be able to control the placement of the entire table. This will not effect each individual cell where the default or normal alignment is left. To align each cell place the command in each cell.

<table align="left" width="300" border="1">
    <tr>
        <td align="left">left</td>
    </tr>
</table>

<table align="right" width="300" border="1">
    <tr>
        <td align="right">right</td>
    </tr>
</table>

<table align="center" width="300" border="1">
    <tr>
        <td align="center">centre</td>
    </tr>
<table>

Vertical Alignment

You can also control where in the height of the table you want something to appear.Place the valign="direction" inside of the <table> and <td> tags. The options are top, bottom and the default is middle. We only show the cell options below, but it works for entire tables as well.

<table width="100%" border="1" height="50">
    <tr>
        <td align="center" valign="top">valign="top"</td>
    </tr>
</table>

<table width="100%" border="1" height="50">
    <tr>
        <td align="center" valign="bottom">valign="bottom"</td>
    </tr>
</table>

<table width="100%" border="1" height="50">
    <tr>
        <td align="center">default valign is middle</td>
    </tr>
</table>