CSV to HTML Table Converter

Turn CSV data into a ready-to-paste HTML <table>.

First row is header (<th>)

Delimiter

CSV

or drop a file here

HTML Table

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Role</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ada Lovelace</td>
      <td>Engineer</td>
      <td>London</td>
    </tr>
    <tr>
      <td>Grace Hopper</td>
      <td>Admiral</td>
      <td>New York</td>
    </tr>
    <tr>
      <td>Turing, Alan</td>
      <td>Researcher</td>
      <td>Cambridge</td>
    </tr>
  </tbody>
</table>

Rendered preview

Name	Role	City
Ada Lovelace	Engineer	London
Grace Hopper	Admiral	New York
Turing, Alan	Researcher	Cambridge

From CSV to an HTML table

Paste any comma-, semicolon-, tab-, or pipe-delimited data and get semantic <table> markup with proper <thead> / <tbody> sections. The parser respects quoted fields, so a value like "Turing, Alan" stays in one cell, and all output is HTML-escaped to stay safe. Conversion runs entirely in your browser.

Built and maintained by Meet Shah · Last updated 1 August 2026

What this tool is used for

Turning a spreadsheet extract into markup for a page or an email.
Producing a table for documentation from real data.
Getting tabular data into a CMS field that accepts HTML.
Generating a quick table to share in a report.
Rendering a data extract for a non-technical reader.

Frequently Asked Questions

How does the parser handle a comma inside a field?: By tracking quote state character by character, per RFC 4180 — a field wrapped in double quotes may contain commas, and a doubled `""` inside it is a literal quote. `"Turing, Alan"` is therefore one cell, which a split on commas would break into two.
Is the first row always a header?: Only if you say so — CSV has no way to mark one. The distinction matters for the output: a header row becomes `<th>` inside `<thead>`, which is what lets a screen reader announce the column name with each cell. Getting it wrong makes the table structurally meaningless.
Why does the generated markup use thead and tbody?: Because they are what makes a table navigable rather than a grid of text. Assistive technology uses them to associate cells with headers, and browsers use them for sticky headers and for repeating headers across printed pages. A table of bare `<tr>` elements loses all of it.
Is HTML escaping applied to the cell contents?: It has to be. A cell containing `<script>` or an ampersand would otherwise become markup rather than text — the same class of defect as an unescaped meta tag attribute, and more dangerous here because the output is intended to be pasted into a page.
Should a table be used for layout?: No — that is what CSS grid is for, and a layout table announces phantom rows and columns to a screen reader. Use `<table>` for genuine tabular data, where the relationship between a cell and its row and column headers is part of the meaning.

Common errors and gotchas

Pasting the output without escaping, where a cell containing markup becomes an injection route.
Losing the header row, so no cell is marked as a header and the table loses its meaning.
Overlooking embedded newlines in quoted fields, which break a line-based conversion.
Producing a table wide enough to break the page layout rather than scrolling within a container.
Assuming a spreadsheet's number formatting carries over, when only the underlying values do.