Suggest an edit

Improve this article

Refine the answer for “What are the main elements that make up the structure of a table?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

The structure of an HTML table consists of several basic elements, each responsible for a specific part of the table.

---

### 1. `<table>` - table container

This is the **main tag** that contains all the other table elements.

```html
<table> ... </table>
```

---

### 2. `<tr>` - table row

Each table row is wrapped in a `<tr>` tag.
It contains data cells (`<td>`) or header cells (`<th>`).

```html
<tr>
  <td>Cell 1</td>
  <td>Cell 2</td>
</tr>
```

---

### 3. `<td>` - table data

Used for **regular cells** that hold text, numbers, images, and so on.

```html
<td>Sample data</td>
```

---

### 4. `<th>` - table header

Used for **column or row headers**.
Text inside `<th>` is usually **bold** and **centered** by default.

```html
<th>Name</th>
```

---

### 5. `<thead>` - table header section

Contains one or more `<tr>` rows with headers (`<th>`).
It helps logically separate the table's "head".

```html
<thead>
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
</thead>
```

---

### 6. `<tbody>` - table body

Contains the table's main data (`<tr>` rows with `<td>` cells).

```html
<tbody>
  <tr>
    <td>Maria</td>
    <td>25</td>
  </tr>
</tbody>
```

---

### 7. `<tfoot>` - table footer (totals)

Used for rows with totals or notes.
It is usually placed at the bottom, but browsers may visually render it after `<tbody>`.

```html
<tfoot>
  <tr>
    <td>Total</td>
    <td>100</td>
  </tr>
</tfoot>
```

---

### Summary structure:

```html
<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bread</td>
      <td>$40</td>
    </tr>
    <tr>
      <td>Milk</td>
      <td>$70</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>$110</td>
    </tr>
  </tfoot>
</table>
```

---

### In brief:

| Element | Purpose |
|---|---|
| `<table>` | The whole table |
| `<tr>` | Row |
| `<th>` | Header cell |
| `<td>` | Regular cell |
| `<thead>` | Top part (headers) |
| `<tbody>` | Main data |
| `<tfoot>` | Totals/bottom of the table |

---

**Conclusion:**
The basic structure of an HTML table consists of:
`<table>` → `<thead>` → `<tbody>` → `<tfoot>` → `<tr>` → `<th>/<td>`.
These elements form a logically correct and semantically clear table.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts338 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.