Таблицы
<table>
<!-- Если строго нужно указать ширину колонок -->
<colgroup>
<col width="100" />
<col width="300" />
<col width="150" />
</colgroup>
<caption>Заголовок таблицы</caption>
<thead>
<tr>
<td colspan="3">Головная строка</td>
</tr>
</thead>
<tbody>
<tr>
<td>1 - 1</td>
<td>1 - 2</td>
<td rowspan="2">1 - 3</td>
</tr>
<tr>
<td>2 - 1</td>
<td>2 - 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">Футер таблицы</td>
</tr>
</tfoot>
</table>
Свойства CSS для таблиц
.table {
border-spacing: 5px; - расстояние между границами
border-collapse: separate; - границы разделены(по ум.)
border-collapse: collapse; - границы слиплись
cellspacing: 5px; - отступы между ячейками
border-spacing: 5px 10px; - отступы между ячейками
table-layout: fixed; - ???
или padding для ячеек
caption-side: |top|bottom| - расположение заголовка таблицы
}
Головная строка | ||
1 - 1 | 1 - 2 | 1 - 3 |
2 - 1 | 2 - 2 | |
Футер таблицы |