Как создать строки (ряды) таблицы HTML

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

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

Каждая ячейка создается с помощью тега <td> (table data). Например, чтобы создать таблицу с двумя строками и двумя ячейками в каждой строке, можно использовать следующий код:

<table>
  <tr>
    <td>Ячейка 1, строка 1</td>
    <td>Ячейка 2, строка 1</td>
  </tr>
  <tr>
    <td>Ячейка 1, строка 2</td>
    <td>Ячейка 2, строка 2</td>
  </tr>
</table>

Этот код создаст таблицу с двумя строками и двумя ячейками в каждой строке.

Также можно использовать другие теги внутри строк таблицы, например, тег <th> (table header) для создания заголовков столбцов или строк таблицы. Например:

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

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