Как сделать простую таблицу в HTML? Не понимаю table, tr и td

Question

Нужно вывести расписание уроков в виде таблицы. Нашёл теги table, tr, td, но как они складываются вместе? Что отвечает за строку, а что за ячейку? Запутался, какой тег куда вкладывать.

Олег Павлов · Accepted Answer

Структура таблицы вкладывается «матрёшкой»:

<table> — вся таблица,
<tr> — table row, одна строка,
<td> — table data, одна ячейка внутри строки,
<th> — ячейка-заголовок (жирная, по центру).

<table border="1">
  <tr>
    <th>Урок</th>
    <th>Время</th>
  </tr>
  <tr>
    <td>Математика</td>
    <td>9:00</td>
  </tr>
  <tr>
    <td>Информатика</td>
    <td>10:00</td>
  </tr>
</table>

Главное правило: внутри table идут строки tr, а внутри каждой tr — ячейки td (или th для шапки). В каждой строке должно быть одинаковое число ячеек, иначе таблица «поедет».

border="1" тут для наглядности; на реальных сайтах рамки и отступы делают через CSS.

Как сделать простую таблицу в HTML? Не понимаю table, tr и td

1 ответ

Ваш ответ