Курс HTML5, CSS3, SEO, Wordpress и Photoshop

Таблицы в 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

Механизм создания HTML таблиц

Механизм создания таблиц таков, каждая строка создается с помощью тэга tr, а ячейки в этой строке создаются с помощью тэга td.
В нашей таблице есть три строки и два столбца, следовательно, есть три тэга tr:
<tr>
...
</tr>
<tr>
...
</tr>
<tr>
...
</tr>
А внутри каждого тэга tr по два тэга td:
<td>...</td><td>...</td>
Точно таким же способом можно создать таблицы любых размеров.

Упражнения по таблицам

Создайте следующие таблицы:
1) Из одной строки и четырех столбцов.
2) Из трех строк и трех столбцов.
3) Из трех строк и четырех столбцов.