1. Таблица пишется на языке html
2. Готовый код, как правило вставляется в поле "Объявление" в настройках администрирования.
3. Большинство используемых тегов должны закрываться. Например, <b>текст</b>. Но не все.

Все тело таблицы заключается между тегами

Код:

<table>
</table>

Строка

Код:

<tr>
</tr>

Ячейка

Код:

<td></td>

В целом, код таблицы, состоящий из трех строк по три ячейки в каждой, выглядит так:

Код:

<table><tr><td>1</td>
<td>2</td>
<td>3</td></tr>
<tr><td>4</td>
<td>5</td>
<td>6</td></tr>
<tr><td>7</td>
<td>8</td>
<td>9</td></tr>
</table>

colspan - объединение по горизонтали
rowspan - объединение по вертикали
Они вписываются в тег ячейки

Код:

<td colspan="3"></td>

3 - количество объединяемых ячеек
ВАЖНО: другие теги ячеек в этой строке/столбце нам больше не нужны. Их следует удалить

Наиболее популярен следующий вид таблиц:
Она состоит из трех строк по три ячейки в каждом. При этом верхняя строка - цельная и средний столбец в оставшихся двух тоже.
Код такой таблицы выглядит так:

Код:

<table><tr><td colspan="3">1-3</td>
</tr>
<tr><td>4</td>
<td rowspan="2">5-8</td>
<td>6</td></tr>
<tr><td>7</td>
<td>9</td></tr>
</table>

Сейчас таблица просто представляет собой ячейки, которые будут сами по себе растягиваться, в зависимости от размера содержимого. Нас это не устраивает. Отформатировать таблицу можно по нескольким параметрам:

1. Ширина и высота таблицы
width - обозначение ширины
height - обозначение высоты

Форматировать размеры таблицы можно в пикселях либо в процентах.
В пикселях обозначают подобным образом

Код:

wigth="200"

200 - количество пикселей
В процентах дело обстоит куда проще. Вам не нужно измерять все в пикселях

Код:

wigth="100%"

Общая ширина и высота таблицы приписывается к тегу <table>

Код:

<table width="100%">

Для обозначения ширины колонок  - к тегу ячейки:

Код:

<td width="50%">

Задать ширину колонок достаточно в верхней ячейке столбца.

Вот как теперь выглядит наш код:
<table width="100%"><tr><td colspan="3" height="30">1-3</td>
</tr>
<tr><td width="20%" height="150">4</td>
<td rowspan="2" width="60%">5-8</td>
<td>6</td></tr>
<tr><td height="150">7</td>
<td>9</td></tr>
</table>

А сама таблица так

Но для того чтобы было видно ее границы, я еще установил параметр ширины "оконтовки"

2. Границы таблицы
Тег вставляется в <table>
<table border="1">
1 - ширина границы в пикселях. Кроме как 0 и 1, другие параметры обычно не используются. Я ставила 1 и код выглядел так:

Код:

<table border="1"width="100%"><tr><td colspan="3" height="30">1-3</td>
</tr>
<tr><td width="20%" height="150">4</td>
<td rowspan="2" width="60%">5-8</td>
<td>6</td></tr>
<tr><td height="150">7</td>
<td>9</td></tr>
</table>

3. Фон таблицы
В настоящее время используется крайне редко. Очень сложно подобрать фон, чтобы содержание при этом смотрелось так же красиво.
Есть два тега:
bgcolor="#цвет" - заливает фон одним цветом
background="ссылка" - вставляет вместо фона картинку

Данные теги можно вставить:
1. В <table>, если вы хотите задать общий фон для таблицы.
2. В <tr>, если вы хотите задать фон для определенной строки.
3. В <td>, если вы хотите задать фон для определенной ячейки.

4. Расположение текста в таблице
Все операции по приданию места тексту в таблице совершаются с помощью тега valign
valign="top" располагает содержимое вверху ячейки
valign="bottom" располагает содержимое внизу ячейки
valign="middle" располагает содержимое по центру (обычно используется по умолчанию)
Приписывать данный атрибут можно также, как и тег фона: к <table>, <tr> и <td>.

5. Отодвигаем содержимое ячейки от границы
Делается это с помощью тега cellpadding="10", где 10 - отступ в пикселях

Код:

<table border="1"width="100%" cellpadding="10"><tr><td colspan="3" height="30">1-3</td>
</tr>
<tr><td width="20%" height="150">4</td>
<td rowspan="2" width="60%">5-8</td>
<td>6</td></tr>
<tr><td height="150">7</td>
<td>9</td></tr>
</table>

Вот что мы получили

Вот основные теги:
<b>текст</b> - жирный текст
<i>текст</i> - наклонный текст
<u>текст</u> - подчеркнутый текст
<s>текст</s> - зачеркнутый текст
<img src="ссылка"> - изображение
<a href="ссылка">Наименование</a> - гиперссылка
<font color="#цвет">текст</font> - изменение цвета текста
<font size="Высота шрифта">текст</font> - изменение размера текста
<p> - перенос на следующую строку
<br> - разрыв строки
<hr> - горизонтальная черта
<marquee>текст</marquee> - бегущая строка
<center>текст</center> - текст по центру

Вот как выглядит код такой таблицы

Код:

<table border="1"width="100%" cellpadding="10"><tr><td colspan="3" height="30"><marquee>Бегущая строка</marquee></td>
</tr>
<tr><td width="20%" height="150"><center><b>Партнеры</b></center></td>
<td rowspan="2" width="60%"><center><b>Новости форума</b></center></td>
<td><center><b>Полезные ссылки</b></center></td></tr>
<tr><td height="150"><center><b>Время в игре/погода</b></center></td>
<td><center><b>Активные игроки</b></center></td></tr>
</table>