Таблица состоит из строк и ячеек в строках, <tr> создает строку, <td> - создает ячейку. Итак создадим таблицу 2x2.
<table border='0' cellpadding="0" cellspacing="0">
<tr>
<td>ячейка 1</td>
<td>ячейка 2</td>
</tr>
<tr>
<td>ячейка 3</td>
<td>ячейка 4</td>
</tr>
</table>Обязательно указывайте параметр border (рамка таблицы) если не указать в разных браузерах будет по-разному.
cellpadding -- расстояние между ячейкой и ее содержимым
cellspacing -- дистанция между ячейками
Поменяйте числа у этих параметров и сразу поймете.
С помощью стилей вы можете изменить вашу таблицу: фон, цвет, рисунок, ширина, высота и т.д.
C ячейками таблицы тоже можно делать что угодно: добавлять фон, фоновый рисунок, выделить рамку ячейки. Если в тег <td> добавить параметр nowrap, то он запретит переносы строк в тексте.
Наверняка у вас возникнет вопрос, как сделать сложную таблицу, с разным количеством ячеек в строках.
Чтобы объединить ячейки в тег <td> добавляем параметр colspan="n", где n - количество объединяемых ячеек. В <td> можно добавить rowspan="n", где n - количество объединяемых строк.