# Table

![A table marked in green.](https://1821306844-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg6E_IwNOFGbgdAvHD2%2F-LgHdZGBMjUrx7edYrev%2F-LgHdZuXUJwGbT5fDT4M%2Ftable.png?generation=1559386019357290\&alt=media)

An UI element which organizes data into rows and columns.

Syntax:

```markup
<table>
    <thead>
        <tr>
            <th>...</th>
            <th>...</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>...</td>
            <td>...</td>
        </tr>
    </tbody>
</table>
```

A table has a head (`thead`) and a body (`tbody`).

The head includes the column cells (`th`) , whilst the body includes the data cells (`td`).

Each `tr` element represents a row.

The `...` includes textual content.

So here, we have a table with:

* One row of two column cells.
* One row of two data cells.