TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию html таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Сразу скажу, что здесь есть атрибут BORDER который задает толщину рамки таблицы в пикселах.
TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен.
TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег.
Пример:
<table border="1">
<tr>
<td>ряд1 ячейка1</td> <td>ряд1 ячейка2</td>
</tr>
<td>ряд2 ячейка1</td> <td>ряд2 ячейка2</td>
</tr>
</table>
Вот так это выглядит на странице:
| ряд1 ячейка1 | ряд1 ячейка2 |
| ряд2 ячейка1 | ряд2 ячейка2 |
Дополнительные атрибуты:
COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
ROWSPAN – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки html таблицы и содержащемся в ней материалом.
CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.
WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.
ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек. Возможные значения: left, center, right. Значение по умолчанию – left.
VALIGN – должен определять способ вертикального выравнивания таблицы или содержимого ячеек таблицы .Возможные значения: top, bottom, middle (прижать к верху, прижать к низу,и установить посередине).
BGCOLOR – определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
Примечание: можно хоть каждой ячейке таблицы задать свой цвет фона или фоновый рисунок. Но: если вы задаете фоновый цвет (или рисунок) в базовом элементе TABLE то во всех ячейках будет этот фон(рисунок), и если вы захотите в какой-то ячейке поменять, пропишите соответсвующий атрибут именно для этой ячейки.
Пример:
<table border="1" cellpadding="10" cellspacing="10" width="400" height="250" align="center" bgcolor="#FFF8D2">
<tr>
<td colspan="2">ряд1 ячейка1+2</td>
</tr>
<td rowspan="2" background="dollar.jpg">ряд2+3 ячейка1</td> <td>ряд2 ячейка2</td>
</tr>
<td valign="top">ряд2 ячейка2</td>
</tr>
</table>
Вот так это выглядит на странице:
| ряд1 ячейка1+2 | |
| ряд2+3 ячейка1 | ряд2 ячейка2 |
| ряд2 ячейка2 | |
Если картинка меньше чем ячейка, то она будет дублироваться. Если больше - то будет отображаться та часть которая влезет.