Теги для работы с таблицами.
Тег <caption> создает заголовок таблицы.
По умолчанию он располагается по центру, над таблицей. Тэг заголовка таблицы необходимо размещать между тэгом <table> и первым тэгом <tr>. Закрывающий тег обязателен. .
align - Не рекомедуется применять.
Контейнер <table> </table> служит для создания таблицы.
width - ширина таблицы в пикселях или в % относительно ширины окна браузера.
height - высота таблицы в пикселях или в % относительно ширины окна браузера (высота обычно рассчитывается автоматически, поэтому менять ее не рекомендуют).
align - выравнивание таблицы.
left - выравнивание таблицы по левому краю.
right - выравнивание таблицы по правому краю.
center - выравнивание таблицы по центру.
border - толщина рамки таблицы в пикселях.
cellspacing - расстояние между смежными ячейками в пикселях (по умолчанию = 2).
cellpadding - расстояние между содержимым ячейки и ее границей в пикселях (по умолчанию =1).
bgcolor - фоновый цвет таблицы.
background - фоновое изображение для таблицы.
bordercolor - цвет всех линий рамки таблицы.
Контейнер <tr> </tr> служит для создания строки таблицы.
Контейнер <th> </th> служит для создания заголовок для столбца таблицы.
Контейнер <td> </td> служит для создания ячейки таблицы.
width - ширина ячейки в пикселях или в % относительно ширины окна браузера (для <tr> не применяется).
height - высота ячейки в пикселях или в % относительно ширины окна браузера (для <tr> не применяется).
align - выравнивание в ячейке.
left - выравнивание в ячейке по левому краю.
right - выравнивание в ячейке по правому краю.
center - выравнивание в ячейке по центру.
valign - вертикальное выравнивание содержимого ячейки.
top - выравнивание по верхнему краю ячейки.
bottom - выравнивание по нижнему краю ячейки.
middle - выравнивание по середине ячейки.
bgcolor - фоновый цвет ячейки.
background - фоновое изображение для ячейки.
bordercolor - цвет всех линий рамки ячейки.
colspan - количество объединяемых ячеек по столбцам (для <tr> не применяется).
rowspan - количество объединяемых ячеек по строкам (для <tr> не применяется).
Такой код:
<table width="60%" border="1" align="center" cellspacing="0" cellpadding="0">
<caption>Заголовок</caption>
<tr>
<th>Заг 1</th>
<th>Заг 2</th>
<th>Заг 3</th>
</tr>
<tr>
<td align="right">1</td>
<td align="center">2</td>
<td bgcolor="#09F">3</td>
</tr>
<tr>
<td align="right">4</td>
<td align="center">5</td>
<td bgcolor="#09F">6</td>
</tr>
</table>
Даст такой результат:
| Заг 1 | Заг 2 | Заг 3 |
|---|---|---|
| 1 | 2 | 3 |
| 4 | 5 | 6 |