Creating Tables
Borderless
<table>
<tr>
<th>Tic</th>
<th>Tac</th>
<th>Toe</th>
</tr>
<tr>
<td>X</td>
<td>O</td>
<td>X</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
Tic |
Tac |
Toe |
X |
O |
X |
O |
X |
O |
O |
X |
O |
Standard
<table border="3">
<tr>
<th>Tic</th>
<th>Tac</th>
<th>Toe</th>
</tr>
<tr>
<td>X</td>
<td>O</td>
<td>X</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
Tic |
Tac |
Toe |
X |
O |
X |
O |
X |
O |
O |
X |
O |
Cell Padding
Cell padding adds space around the contents of a cell,
in effect, pushing the walls of the cell outwards.
<table border="3" cellpadding="4">
<tr>
<th>Tic</th>
<th>Tac</th>
<th>Toe</th>
</tr>
<tr>
<td>X</td>
<td>O</td>
<td>X</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
Tic |
Tac |
Toe |
X |
O |
X |
O |
X |
O |
O |
X |
O |
Cell spacing adds space between cells, making the table bigger
without changing the sixe of the individual cells.
<table border="3" cellpadding="5" cellspacing="5">
<tr>
<th>Tic</th>
<th>Tac</th>
<th>Toe</th>
</tr>
<tr>
<td>X</td>
<td>O</td>
<td>X</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
Tic |
Tac |
Toe |
X |
O |
X |
O |
X |
O |
O |
X |
O |
Data align right, left & center
<table border="2" width="200">
<tr>
<th>Tic</th>
<th>Tac</th>
<th>Toe</th>
</tr>
<tr>
<td align="right">X</td>
<td align="left">O</td>
<td align="center">X</td>
</tr>
<tr>
<td align="right">O</td>
<td align="left">X</td>
<td align="center">O</td>
</tr>
<tr>
<td align="right">O</td>
<td align="left">X</td>
<td align="center">O</td>
</tr>
</table>
To create
Tic |
Tac |
Toe |
X |
O |
X |
O |
X |
O |
O |
X |
O |
A column spanning row
<table cellpadding="0" border="3">
<tr>
<th colspan="3">Tic Tac Toe</th>
</tr>
<tr>
<td>X</td>
<td>O</td>
<td>X</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
Tic Tac Game |
X |
O |
X |
O |
X |
O |
O |
X |
O |
A row spanning column.
<table border="2">
<tr>
<th colspan="3">TIC TAC<br>TOE Game</th>
<td>X</td>
<td>O</td>
<td>X</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
TIC TAC TOE Game |
X |
O |
X |
O |
X |
O |
O |
X |
O |
Color
<table border="3">
<tr>
<th bgcolor="#0000ff">Tic</th>
<th bgcolor="#abcdef">Tac</th>
<th bgcolor="#00ff00">Toe</th>
</tr>
<tr>
<td bgcolor="#00aaff">X</td>
<td bgcolor="#ff00cc">O</td>
<td bgcolor="#cccccc">X</td>
</tr>
<tr>
<td bgcolor="#000000"><font color="red">O</></td>
<td bgcolor="blue">X</td>
<td bgcolor="blue">O</td>
</tr>
<tr>
<td>O</td>
<td>X</td>
<td>O</td>
</tr>
</table>
To create
Tic |
Tac |
Toe |
X |
O |
X |
O |
X |
O |
O |
X |
O |