Тег <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> служит для создания ячейки таблицы.
Атрибуты <tr> <th> <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="#000066">3</td>
</tr>
<tr>
<td align="right">4</td>
<td align="center">5</td>
<td bgcolor="#000066">6</td>
</tr>
</table>
Даст такой результат:
Заголовок
Заг 1 |
Заг 2 |
Заг 3 |
1 |
2 |
3 |
4 |
5 |
6 |
|