Tables · Таблицы
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Эта страница требует современного браузера (с поддержкой SharedArrayBuffer). Пожалуйста, обновите Chrome, Edge, Firefox или Safari до последней версии.
English
Tables
- A table shows information in rows and columns.
- Start with
<table>. - Each row is a
<tr>(table row).
Русский
Таблицы
- Таблица показывает информацию в строках и столбцах.
- Начните с ⟨
<table>⟩. - Каждая строка — это
<tr>(строка таблицы).
English
Cells
- Inside each row, each cell is a
<td>(table data). - For a heading cell, like a column title, use
<th>— it shows in bold. - Give every row the same number of cells.
Русский
Ячейки
- Внутри каждой строки каждая ячейка является
<td>(данные таблицы). - Для ячейки заголовка, например заголовка столбца, используйте
<th>— она отображается жирным шрифтом. - Придайте каждой строке одинаковое количество ячеек.
<table>
<tr><th>Fruit</th><th>Colour</th></tr>
<tr><td>Apple</td><td>Red</td></tr>
<tr><td>Banana</td><td>Yellow</td></tr>
</table>
English
Common mistakes
- Cells (
<td>) go inside rows (<tr>). - Use
<th>for header cells.
Русский
Распространенные ошибки
- Ячейки (
<td>) помещаются внутрь строк (<tr>). - Используйте
<th>для ячеек заголовков.
English
Now you try
- A table is rows (
<tr>) holding cells (<td>or<th>). - Build a small table, then add a header cell.
Русский
Теперь попробуйте сами
- Таблица состоит из строк (
<tr>), содержащих ячейки (<td>или<th>). - Создайте небольшую таблицу, а затем добавьте ячейку заголовка.
Make a table with two rows. Each row is a <tr>, and put a <td> cell inside each row. · Создайте таблицу с двумя строками. Каждая строка является ⟨<tr>⟩, и поместите внутрь каждой строки ячейку типа <td>.
Add a header cell so the column has a title. Use <th> instead of <td> for it. · Добавьте заголовочную ячейку, чтобы у столбца было название. Для этого используйте ⟨<th>⟩ вместо ⟨<td>⟩.