HTML Table Generator — Build Tables Visually

Type your data into a spreadsheet-like editor — or paste from Excel or Google Sheets — and copy clean, semantic HTML table code with <thead>, <tbody> and alignment, ready for a website, CMS or email.

Runs in your browserUpdated
Tip: paste a range copied from Excel or Google Sheets into any cell.

Import

Your data never leaves your computer. All processing happens 100% locally in your browser.

How to use the HTML Table Generator

  1. Type into the cells — the first row becomes the table header (<th>).
  2. Paste a range from Excel or Google Sheets into a cell to fill many cells at once.
  3. Set column alignment with the buttons above each column.
  4. Copy the HTML — switch to Markdown if you need it for a README.

Anatomy of an HTML table

<table>
  <thead>
    <tr><th scope="col">Plan</th><th scope="col" style="text-align: right">Price</th></tr>
  </thead>
  <tbody>
    <tr><td>Pro</td><td style="text-align: right">$12</td></tr>
  </tbody>
</table>
  • <thead> and <th scope="col"> mark the header row, so screen readers announce the column name for each cell.
  • <tbody> holds the data rows; browsers add it anyway, but writing it keeps your CSS selectors predictable.
  • Only use tables for tabular data — for page layout, use CSS Grid instead.

Tables in emails

Email clients ignore most CSS, so keep the table simple and use the alignment attributes the generator adds. Test in the clients you care about.

Have the data as a CSV file? CSV to HTML Table converts it directly.

Also searched as: create html table, html table code, table generator html, excel to html table, html table maker, table html online, html table builder.

Tools that pair well with the HTML Table Generator

  • Markdown Table Generator — Build a table in a spreadsheet-like editor — or paste cells from Excel, Google Sheets or CSV — set column alignment and get a neatly aligned Markdown table (GitHub-flavored) or clean HTML.
  • HTML Formatter — Paste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and <script> blocks.
  • HTML Minifier — Shrink HTML pages and templates by removing comments and redundant whitespace, minifying inline <style> and <script>, and cleaning up attributes — while keeping the layout identical.
  • Online HTML Editor — A lightweight code playground: edit HTML, CSS and JavaScript side by side, see the result instantly, read console output and download your page as one HTML file.

Frequently asked questions

How do I make an HTML table?
Fill in the editor here and copy the generated code — or write
, for each row, with
for header cells and for data cells.
How do I convert an Excel sheet to an HTML table?
Copy the cells in Excel and paste them into the first cell of the editor. The HTML updates instantly.
Is the HTML accessible?
Yes — the header row is in
cells, which screen readers use to announce columns.
Can I style the table?
Add a class to the and style it in your CSS; the generated code has no inline styles except text-align for aligned columns.
Can I install HTML Table Generator as a web app and use it offline?
Yes. HTML Table Generator is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.

Related tools