Таблицы в HTML
В HTML можно создавать таблицы с помощью одноименного тэга table
. Строки таблицы создаются с помощью тэга tr
а столбцы с помощью тэга td
.
Вот пример кода для создания таблицы из трех строк и двух столбцов:
<!doctype html>
<html>
<body>
<table>
<tr>
<td>
1</td><td>
2</td>
</tr>
<tr>
<td>
3</td><td>
4</td>
</tr>
<tr>
<td>
5</td><td>
6</td>
</tr>
</table>
</body>
</html>
В браузере наша таблица выглядит так:
Механизм создания HTML таблиц
Механизм создания таблиц таков, каждая строка создается с помощью тэга tr
, а ячейки в этой строке создаются с помощью тэга td
.
В нашей таблице есть три строки и два столбца, следовательно, есть три тэга tr
:
<tr>
...
</tr>
<tr>
...
</tr>
<tr>
...
</tr>
А внутри каждого тэга tr
по два тэга td
:
<td>...</td><td>...</td>
Точно таким же способом можно создать таблицы любых размеров.
Упражнения по таблицам
Создайте следующие таблицы:
1) Из одной строки и четырех столбцов.
2) Из трех строк и трех столбцов.
3) Из трех строк и четырех столбцов.