Атрибуты

align

Выравнивает текст в ячейке

· left - по левому краю

· rigth - по правому краю

· center - по центру

valign

Выравнивает текст в ячейке по вертикали

· top - по верхнему краю

· middle - по центру

· bottom - по нижнему краю

Пример

Пример простой таблицы

Заголовок столбца 1	Заголовок столбца 2
Ячейка столбца 1, ряд 1	Ячейка столбца 2, ряд первый
Ячейка столбца 1, ряд второй	Ячейка столбца 2, ряд 2

Код для таблицы

<TABLE BORDER=2 COLS=2> <TR> <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH> </TR> <TR align=right> <TD>Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд первый</TD> </TR> <TR align=center> <TD>Ячейка столбца первый, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD> </TR></TABLE>

Создание таблиц на языке HTML

Для построения таблицы в языке HTML теги: < table > задание таблицы; <tr> задание строк в таблице; <td> задание ячеек.

В этих тегах можно использовать ряд дополнительных атрибутов: align, width, border, bordercolor, cellspacing и др. Некоторые из них нам уже знакомы.

Ширина таблицы может быть задана в пикселах или в процентном отношении к ширине страницы, например, width = 450 или width = 40%. При построении таблицы создается «впечатление» их выпуклости с помощью двух рамок— фронтальной и боковой (рис. 4.22).

Рис. 4.22

Ширину боковой рамки в пикселах определяет атрибут border = ширина боковой рамки, а ширину фронтальной рамки определяет атрибут cellspacing = ширина фронтальной рамки, bordercolor= цвет границы таблицы.

Пример 1. Построить таблицу из двух строк и столбцов с фиксированной шириной 250 пикселей, шириной боковой рамки 2 пикселя и ячейками светло-зеленого цвета.

<tr>

<td>Ячейка 1</td>

<td>Ячейка 2</td>

</tr>

<tr>

<td>Ячейка 3</td>

<td>Ячейка 4</td>

</tr>

</table>

Если указать атрибуты border=1, cellspacing=0 и bordercolor=blue, то эффект выпуклости границы рамки практически исчезнет и получим обычные границы таблицы синего цвета.

Ячейки в таблице могут быть объединены с помощью атрибутов rowspan = n, где n (n > 1) — количество строк, выделяемых под ячейку или colspan = k, где k (k > 1) — количество столбцов, выделенных под ячейку.

Пример 2. Построить таблицу с объединенными тремя ячейками в первом столбце второй строки.

<tr>

<td bgcolor="yellow"> Заголовок 1

<td bgcolor="yellow"> Заголовок 2

</tr>

<tr>

<td rowspan=3 bgcolor="lime"> Ячейка 1

<td>Ячейка 2

<tr>

<td>Ячeйкa 3

</tr>

<tr>

<td> Ячейка 4

</tr>

</table>

При построении таблицы на языке HTML допускается вложение в ячейки других таблиц.