Основы таблиц

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

Вот базовая структура таблицы HTML:

<table>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
	<tr>
		<td>Row 2, Cell 1</td>
		<td>Row 2, Cell 2</td>
	</tr>
</table>

• <table>: Тег, который определяет таблицу.

• <tr>: тег, который определяет строку таблицы.

• <th>: Тег, который определяет ячейку заголовка. Ячейки заголовков обычно используются для названий столбцов или строк и по умолчанию отображаются полужирным шрифтом.

• <td>: Тег, который определяет обычную ячейку таблицы.

Вот как эта таблица будет отображаться в браузере:

В этом примере у нас есть таблица с двумя строками и двумя столбцами. Первая строка содержит ячейки заголовка, а последующие строки — обычные ячейки данных. Такая структура создаёт простую сетку, которую легко читать и понимать.