|
Таблица формируется дескрипторами <table> и </table>, а дескрипторы <tr>, </tr> выделяют строки, которые в свою очередь разбиваются на ячейки заголовков <th> , </th> или ячейки данных <td>, </td>.
Атрибуты <table>
|
Атрибут
|
Назначение
|
|
Align = left/center/right
|
Выравнивание по горизонтали
|
|
Bgcolor= «цвет»
|
Цвет фона
|
|
Border=n
|
Ширина рамки таблицы
|
|
Bordercolor= «цвет»
|
Цвет заполнения рамки таблицы
|
|
Cellpadding=n
|
Расстояние между содержимым и рамкой ячеек таблицы
|
|
Cellspacing=n
|
Расстояние между ячейками
|
|
Frame
Void
Above
Below
Hsides
Lhs
Rhs
Vsides
Box
Border
|
Отображение сторон таблицы
Границы вокруг таблицы не отображаются
Отображается верхняя граница
Отображается нижняя граница
Отображается верхняя и нижняя границы
Отображается левая граница
Отображается правая граница
Отображается левая и правая границы
Отображаются все границы
Отображаются все границы
|
|
Rules
None
Group
Rows
Cols
All
|
Отображение границ между ячейками
Границы между ячейками не отображаются
Отображаются границы между группами колонок или строк
Отображение границ между строками
Отображение границ между колонками
Все границы между ячейками
|
|
Width
N
N%
|
Ширина таблицы
Задает минимальную ширину таблицы в пикселях (игнорируется, если содержимое ячеек требует для размещения определенного места, чем задано этим атрибутом)
Задает, какую часть ширина окна браузера занимает данная таблица
|
Пример:
<body>
Табличная структура
<br>
<br>
<table border=3 cellpadding=5>
<tr>
<th colspan=2> Ячейка заголовка
(Первая строка) </th>
</tr>
<tr>
<td> Ячейка данных (Вторая строка) </td>
<td> Вторая ячейка данных </td>
</tr>
</table>
</body>
Таблица в HTML состоят из строк, а строки из ячеек.
Дескриптор <tr> начинает табличную структуру, а </tr> заканчивает.
Между этими дескрипторами располагаются дескрипторы, описывающие самые мелкие элементы таблицы- ячейки (<th>, </th> или <td>, </td>).
|
.png)