Перейти к содержанию

Базовая структура таблицы

<table>

Для создания таблиц используется элемент <table>.

Контент таблицы описывается построчно.

<tr>

Открывающий тег <tr>(1) обозначает начало новой строки таблицы.

После него помещаются элементы <td>, каждый из которых соответствует отдельной ячейке в этой строке.

Конец строки обозначается закрывающим тегом </tr>.

<td>

Каждая ячейка таблицы должна быть представлена элементом <td>(2).

Конец ячейки обозначается закрывающим тегом </td>.

Некоторые браузеры автоматически создают линии вокруг таблиц и/или ячеек.

  1. Table row(aнгл.) — строка таблицы.
  2. Table data(aнгл.) — данные таблицы.
Код
<table>
    <tr>
        <td>15</td>
        <td>15</td>
        <td>30</td>
    </tr>
    <tr>
        <td>45</td>
        <td>60</td>
        <td>45</td>
    </tr>
    <tr>
        <td>60</td>
        <td>90</td>
        <td>90</td>
    </tr>
</table>
Результат