HTML Table Generator Online Tool

HTML Table Generator

This HTML table generator lets you create an HTML table online without writing tags by hand. Set the number of rows and columns, type into a grid, and copy clean <table> markup for a web page, CMS post, email template, or admin UI. You can also paste CSV, Markdown, JSON, or upload Excel and turn it into an HTML table. Everything runs in your browser.

What the Generated Markup Looks Like

The first row becomes the header row. The output uses the structural elements described on MDN's <table> reference and in the WHATWG HTML tables section:

<table>
  <thead>
    <tr>
      <th>Plan</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Basic</td>
      <td>$5</td>
    </tr>
  </tbody>
</table>

• Header cells use <th> inside <thead>; data cells use <td> inside <tbody>
• &, <, >, and " in cell text are escaped as HTML entities, so the content displays as text instead of breaking the markup
• No inline styles or classes are added, so the table picks up your site's CSS

Common Uses

• Comparison and pricing tables in blog posts or documentation
• Data tables for internal dashboards and admin pages
• Turning a spreadsheet or CSV export into HTML you can paste into a CMS

How to Create an HTML Table Online

1. Click Generate Table, enter the number of rows and columns, and click Generate.
2. In the Table Editor, rename the header cells and fill in the data. Use Add Row, Add Column, Sort, or Transpose as needed.
3. Keep the output format on HTML. The markup updates as you type.
4. Click Copy to paste it into your page, or Download to save table.html.

To start from existing data, paste CSV, a Markdown table, JSON, or YAML into the input panel (or upload .csv, .xlsx, .xls) and select the matching input format.

Style the Table with CSS

The output has no styling on purpose. A minimal stylesheet:

table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
thead th { background: #f5f5f5; }

For HTML emails, many teams put styles inline on each <table>, <th>, and <td>, because support for <style> blocks differs between email clients. Can I email tracks which CSS features each client supports.

Make the Table Accessible

• Add a <caption> right after <table> to describe what the table shows (MDN: caption)
• Add scope="col" to header cells so screen readers announce which column a value belongs to, as recommended in the W3C WAI tables tutorial
• Keep tables for tabular data, not page layout

FAQ

Q: How do I make an HTML table without writing code?

Click Generate Table, choose rows and columns, type your content into the grid, and copy the HTML output. The tool writes the <table>, <thead>, <tbody>, <tr>, <th>, and <td> tags for you.

Q: Can I convert CSV or Excel to an HTML table?

Yes. Paste CSV (or a Markdown table, JSON, or YAML) into the input panel, or upload an .xlsx / .xls file. The first row becomes the <thead> header row.

Q: Does the generated table include CSS?

No. The markup is unstyled so it inherits your site's styles. Add your own CSS, or inline styles if the table goes into an email.

Q: Are special characters handled safely?

Yes. &, <, >, and " in cell text are converted to HTML entities, so text like <b> shows up literally instead of being treated as a tag. If you want real HTML inside a cell, edit the output after copying.

Q: Can I merge cells with colspan or rowspan?

Not in the editor. The generator outputs a regular grid. Add colspan or rowspan attributes to the copied markup by hand; the WHATWG HTML spec describes how they work.

Q: Is my data uploaded?

No. The HTML is generated in your browser and your data stays on your device.