Данные таблицы
Строки есть, пора заполнить их данными. Данные таблицы лежат в ячейках, которые создаются элементом td (от table data, «данные таблицы»; ячейка с данными). Сами данные мы пишем как содержимое элемента td.
<table>
<tr>
<td>Строка 1, ячейка 1</td>
<td>Строка 1, ячейка 2</td>
</tr>
<tr>
<td>Строка 2, ячейка 1</td>
<td>Строка 2, ячейка 2</td>
</tr>
</table>Этот код отображается так:
| Строка 1, ячейка 1 | Строка 1, ячейка 2 |
| Строка 2, ячейка 1 | Строка 2, ячейка 2 |
В таблице две строки (tr), и в каждой строке две ячейки (td). Элемента для столбцов нет: столбец образуют ячейки, стоящие на одном и том же месте в каждой строке. Первый td каждой строки находится в первом столбце, второй td — во втором и так далее.
В фоне мы добавили немного CSS, чтобы таблицу было легче читать. Подробнее о CSS вы узнаете в курсе по CSS.
Задание
- 1
Первую строку пока оставим пустой, а в следующем упражнении поместим в неё заголовки. Во второй строке создайте две ячейки (элементы
td): в первой с содержимым20.08.2023, а во второй —31.