Таблицы используются для организации пространства просматриваемой страницы в окне броузера. В таблицах можно размещать не только текстовую информацию. Поскольку HTML-файл не имеет возможности непосредственно определять фиксированный внешний вид выводимой в окне броузера HTML-страницы, то полезным было бы иметь хотя бы некоторые примерные ограничения на относительное местоположение элементов HTML-страницы. В этом нам помогают таблицы.

Начнем с примера. Оформим в виде HTML-таблицы текст. Созданный нами для описания такой таблицы файл table.htm выглядит так:

Результат кода

Чего нового мы видим в тексте этого файла? Появился ярлык <table>. Его появление говорит о том, что между этим открывающим ярлыком и соответствующим ему закрывающим ярлыком </table> располагается таблица. Таблица состоит из строк и столбцов. Каждая строка начинается ярлыком <tr> и заканчивается ярлыком </tr>. Каждый столбец описывается внутри строки с помощью открывающего ярлыка <td> и закрывающего ярлыка </td>. Вот и все основные компоненты таблицы.

В ярлыках <table>, <tr>, <td> можно указать свойства. В нашем случае мы задали параметр ширины таблицы в виде width= "100%". Это означает, что таблица займет всю ширину окна броузера. В параметрах столбцов мы также указываем ширину столбца в процентах от общей ширины таблицы. Если изменить значения ширины столбцов, внешний вид таблицы изменится, такой пример показан ниже.