Теги для работы с таблицами.

Тег <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="#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
123
456

html-css-tegs.ru © 2011 - 2014 год.
Все права защищены