Skip to main content

Таблицы

<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 - 11 - 21 - 3
2 - 12 - 2
Футер таблицы