align=left | center | right По умолчанию таблица отображается на левом краю окна. Атрибут align позволяет разместить таблицу слева (left), в центре окна (center) и справа (right).
bgcolor="Цвет" Фон таблицы соответствует фону документа. Используя этот атрибут, можно изменить цвет фона.
width=n | n% Ширина таблицы подгоняется автоматически к ширине окна. Для задания минимальной ширины таблицы используют этот атрибут, где n - выражается в пикселях (если данные таблицы требуют больше места, то этот атрибут игнорируется). Лучше использовать значение ширины в процентах, где 100% - полная ширина окна.

Рассмотрим примеры.

align=right

<table border=1 align=right>
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1	Заголовок №2	Заголовок №3
Ячейка 1-2	Ячейка 2-2	Ячейка 2-3
Ячейка 1-3	Ячейка 2-3	Ячейка 3-3

align=center

<table border=1 align=center>
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1	Заголовок №2	Заголовок №3
Ячейка 1-2	Ячейка 2-2	Ячейка 2-3
Ячейка 1-3	Ячейка 2-3	Ячейка 3-3

bgcolor=red и width=500

<table border=1 bgcolor=red width=500>
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1	Заголовок №2	Заголовок №3
Ячейка 1-2	Ячейка 2-2	Ячейка 2-3
Ячейка 1-3	Ячейка 2-3	Ячейка 3-3

bgcolor=green и width=100%

<table border=1 bgcolor=green width=100%>
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1	Заголовок №2	Заголовок №3
Ячейка 1-2	Ячейка 2-2	Ячейка 2-3
Ячейка 1-3	Ячейка 2-3	Ячейка 3-3

bgcolor=green, width=100%, bordercolor=yellow

<table border=1 bgcolor=green width=100% bordercolor=yellow>
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1	Заголовок №2	Заголовок №3
Ячейка 1-2	Ячейка 2-2	Ячейка 2-3
Ячейка 1-3	Ячейка 2-3	Ячейка 3-3

Обратите внимание, что фон и цвет рамки у таблицы указаны английскими словами. Это не ошибка! В HTML зарезервированно несколько английских слов для указания цвета. Вы можете указывать цвет двумя способами: шестнадцатеричным кодом и зарезервированным словом. Смотрите таблицу стандартных цветов.

Таблица стандартных цветов

Напишите свой собственный HTML-документ, применяя все уже известные теги (дескрипторы).

Сохраните этот файл, как 9.html.