Как создать таблицу HTML

Антон Шепель Фев 19, 2023 • 1 min read

Для создания таблицы в HTML нужно использовать тег <table> и несколько других тегов, которые определяют структуру таблицы, такие как <tr> (строка), <th> (заголовок ячейки) и <td> (обычная ячейка).

Вот пример простой таблицы, которая содержит одну строку с двумя ячейками:

<table>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
</table>

Этот код создаст таблицу с одной строкой и двумя ячейками, которые содержат текст «Ячейка 1» и «Ячейка 2».

Если нужно добавить заголовок таблицы, используйте тег <th> внутри тега <tr>, например:

<table>
  <tr>
    <th>Заголовок 1</th>
    <th>Заголовок 2</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
</table>

Этот код создаст таблицу с одной строкой заголовков и одной строкой с данными. Первый столбец будет содержать текст «Заголовок 1», а второй столбец — «Заголовок 2». В строке данных будут две ячейки, содержащие текст «Ячейка 1» и «Ячейка 2».

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

<table>
  <tr>
    <th>Заголовок 1</th>
    <th>Заголовок 2</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

Этот код создаст таблицу с двумя строками с данными и одной строкой заголовков.