Базовая структура таблицы
<table>
Для создания таблиц используется элемент <table>
.
Контент таблицы описывается построчно.
<tr>
Открывающий тег <tr>
(1) обозначает начало новой строки таблицы.
После него помещаются элементы <td>
, каждый из которых соответствует отдельной ячейке в этой строке.
Конец строки обозначается закрывающим тегом </tr>
.
<td>
Каждая ячейка таблицы должна быть представлена элементом <td>
(2).
Конец ячейки обозначается закрывающим тегом </td>
.
Некоторые браузеры автоматически создают линии вокруг таблиц и/или ячеек.
- Table row(aнгл.) — строка таблицы.
- 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>