Если вы не новичок в Интернете, то вы уже знаете, что практически все сайты - это таблицы (Эти уроки - тоже написаны в виде таблиц в таблице). Следовательно, тема по созданию таблиц - одна из важнейших.

Таблица заключена между тегами <table> и </table>. Tеги <tr> и </tr> вводят ряды ячеек таблицы. Дескрипторы <th> и </th> определяют ряд заголовков для столбцов, а для определения ячеек следующих рядов в таблице используют дескрипторы <td> и </td>.

Формат записи таблицы из трех столбцов и трех рядов (первый ряд - ряд заголовков):

<table>
<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

Границы таблицы

Для ввода рамок в таблице используют дескриптор border=n. Если атрибут отсутствует или n=0, то рамки нет.

Рассмотрим примеры для рамок.

<table border=1>
<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

<table border=2>
<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

<table border=3>
<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

<table border=4>
<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-документ, применяя все уже известные теги (дескрипторы).

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