Значение таблиц в HTML переоценить сложно. По сути вся страница может состоять из таблиц или из одной таблицы с вложенными подтаблицами. Поэтому надо знать как ими пользоваться, это сильно облегчит Вам жизнь. Сложного в этом ничего нет, хотя запутаться можно. Поэтому торопиться не будем, пойдем по порядку. <table border="1"> - открывает таблицу определяет толщину рамки;
<tr> - открывает строку в таблице;
<td>содержимое ячейки</td> - определятет первый столбец в строке;
<td>большее содержимое ячейки</td> - определятет второй столбец в строке;
</tr> - закрывает строку;
</table> - закрывает таблицу; Получилась простенькая таблица из одной строки и двух столбцов.
содержимое ячейки
большее содержимое ячейки
Таблица не имеет цвета фона, цвета рамки, размер ячеек автоматически выровнен по содержимому. Как Вы понимаете можно написать сколько угодно строк, в строках сколько угодно столбцов (не обязательно одинаковое количество), а чтобы задать размер, цвет толщину рамки и т.д. используются атрибуты.
Атрибуты тега <table>
Атрибут
Назначение
align
Выравнивание таблицы относительно документа, значения: right, left, center
background
Определение рисунка для заднего фона (путь, название файла, расширение)
bgcolor
Определение цвета для заднего фона (одно из двух либо предыдущий атрибут, либо этот)
border
Толщина рамки в пикселях, если не указан, таблица будет без рамки
bordercolor
Цвет рамки
cellspacing
Определяет растояние между ячейками
cellpadding
Определяет растояние между содержимыи ячейки и рамкой
rules
Определяет рамки внутри таблицы. Может иметь следующие значения
all
Отображает все части рамки внутри таблицы
cols
Отображает все вертикальные рамки внутри таблицы
groups
Отображает горизонтальные части рамки между группами таблицы THEAD, TBODY,TFOOD
none
Удаляет все рамки вокруг таблицы
rows
Отображает все горизонтальные рамки внутри таблицы
summary
Описание таблицы для браузеров поддерживающих азбуку Бройля или речевой вывод
frame
Определяет рамки вокруг таблицы. Может иметь следующие значения
above
Граница только сверху
below
Граница только снизу
hsides
Границы сверху и снизу
vsides
Границы только слева и справа
lhs
Граница только слева
rhs
Граница только справа
box или border
Все четыре стороны
title
Всплывающая подсказка
width
Ширина таблицы в пикселях или процентах
Как видите здесь я использовал вложенную подтаблицу. Сделать это очень просто, после тега <td>, который открывает ячейку, вставляется тег <table>, и далее прописывается нужная Вам таблица. Вобщем просто, но хлопотно. Потом подтаблица обязательно закрывается </table>, и продолжается основная таблица. И, как видите, цвет можно определить для каждой отдельной ячейки. Ещё нужно знать, что тег <td> можно заменить тегом <th>, который определяет заголовок таблицы. Но на самом деле дает только более жирный шрифт и выравнивание по центру. На примере всё хорошо видно.
<table border="1" bgcolor="#F5F5DC" width="50% align="right">
<tr>
