Нет лучшего способа краткого и читабельного представления информации, чем табличный. Язык HTML предоставляет достаточно богатые возможности для создания таблиц и размещени их на странице.

Таблица создается с помощью тэга <table> имеющего ряд атрибутов, расширяющих Вашу потенциальную возможность создания наглядных сайтов.

Атрибуты тэга <table> следующие:

1. border - толщина бордюра таблицы в пикселях;
2. bordercolor - цвет бордюра таблицы;
3. bordercolorlight - цвет верхнего и левого внешних бордюров таблицы;
4. bordercolordark - цвет нижнего и правого внешних бордюров таблицы;
5. cellpadding - заполняемость ячеек;
6. cellspacing - промежуток между ячейками;
7. background - дизайн фона ячеек таблицы, который может быть задан с помощью файла JPG или GIF.
8. bgcolor - цвет фона ячеек таблицы;
9. width - ширина таблицы, которая может быть задана строго в пикселях, так и в процентах от ширины экрана (разрешения по горизонтали);
10. align - размещение таблицы по ширине экрана (слева - left, справа - right, посередине - center);

А как же задать число строк и столбцов. К сожалению в численном виде этого сделать нельзя. Число строк и столбцов задается с помощью отдельных тэгов <tr> - строка и <td> - столбец. Все необходимые атрибуты задаются в заголовке таблицы, однако в тэге <td> можно задать:

1. width - ширина столбца, которая может быть задана строго в пикселях, так и в процентах от ширины таблицы.
2. height - высота столбца в пикселях;
3. align - размещение элемента ячейки (текста, картинки) по ширине ячейки (слева - left, справа - right, посередине - center).
4. valign - размещение элемента ячейки (текста, картинки) по высоте ячейки (сверху - top, в нижней части - bottom, посередине - center).

<table border="2" cellpadding="2" cellspacing="3" width="100%" 
bgcolor="#00FFFF" bordercolor="#0000FF" bordercolordark="#800000"  bordercolorlight="#008080">
<tr>
<td width="50%">Строка 1, Столбец 1  </td>
<td width="50%">Строка 1, Столбец 2  </td>
</tr>
<tr>
<td width="50%">Строка 2, Столбец 1  </td>
<td width="50%">Строка 2, Столбец 2  </td>
</tr>
</table>

Что будет выглядеть в броузере так:

Обратите внимание: новая строка таблицы начинается с тэга <tr> и заканчивается </tr> Все столбцы слева направо задаются последовательностью <td> и </td>.
Источник: web-brodilka.ru