: The TABLE Element
Last updated: 2026-09-12
<table>The TABLE Element
The `<table>` element displays data in tabular form. It consists of rows (`<tr>`) and cells (`<td>`/`<th>`), often with `<thead>`/`<tbody>`/`<caption>`.

Category Tables

Content Model Optional <caption>, zero+ <colgroup>, zero+ <thead>/<tbody>/<tfoot>, <tr>

Allowed Parents Any element that accepts flow content

Content Tag Yes — requires closing `</table>` tag

Status Standard

📝 Syntax

<table>
  <tr>
    <th>Header</th>
    <td>Data</td>
  </tr>
</table>

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<table>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

Warning： Don't use tables for page layout (nav, sidebar) — that's CSS's job. Tables are for tabular data only.

<table> — tables tutorial

📚 Related Tutorials

HTML Tables

HTML Tables Tutorial

Learn the full table structure.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us

Category	Tables
Content Model	Optional <caption>, zero+ <colgroup>, zero+ <thead>/<tbody>/<tfoot>, <tr>
Allowed Parents	Any element that accepts flow content
Content Tag	Yes — requires closing `</table>` tag
Status	Standard

<table>The TABLE Element

📝 Syntax

▶ Example

🌐 Browser Support

🏷️ Related Tags

💡 Related Cases

📚 Related Tutorials

🙏 帮我们做得更好