Text & Writing Utilities · Free tool
HTML Table Generator
Build an HTML table visually and copy the markup. Supports header row, striped rows, borders, and alignment.
Updated April 2026
HTML
<table>
<thead>
<tr>
<th style="text-align:left">R1C1</th>
<th style="text-align:left">R1C2</th>
<th style="text-align:left">R1C3</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">R2C1</td>
<td style="text-align:left">R2C2</td>
<td style="text-align:left">R2C3</td>
</tr>
<tr>
<td style="text-align:left">R3C1</td>
<td style="text-align:left">R3C2</td>
<td style="text-align:left">R3C3</td>
</tr>
<tr>
<td style="text-align:left">R4C1</td>
<td style="text-align:left">R4C2</td>
<td style="text-align:left">R4C3</td>
</tr>
</tbody>
</table>Markdown
| R1C1 | R1C2 | R1C3 | | :--- | :--- | :--- | | R2C1 | R2C2 | R2C3 | | R3C1 | R3C2 | R3C3 | | R4C1 | R4C2 | R4C3 |
CSV
R1C1,R1C2,R1C3 R2C1,R2C2,R2C3 R3C1,R3C2,R3C3 R4C1,R4C2,R4C3
TSV
R1C1 R1C2 R1C3 R2C1 R2C2 R2C3 R3C1 R3C2 R3C3 R4C1 R4C2 R4C3
What it does
A visual HTML table builder that outputs clean, semantic <table> markup. Toggle a header row, striped rows, borders, and per-column alignment. Handy for adding a simple comparison or pricing table to a blog post without opening a code editor.
If you'd rather have markdown, use markdown table generator. Format the final HTML with HTML formatter. Going the other way? HTML to markdown.
How to use it
- Set rows and columns with + / − buttons.
- Toggle header row, striped, bordered, or compact variants.
- Type cell contents inline.
- Copy the HTML or preview the rendered result.