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

The beginning of HTML The background of HTML How to set text Using images Using links Using anchors