HTML Table Generator

Writing table markup by hand — every <tr>, <th> and <td>, plus escaping — is slow and easy to get wrong. Paste CSV or cells copied from Excel or Google Sheets (or start from an empty grid) and get clean, accessible HTML: a <caption>, <thead> and <tbody>, header cells with scope so screen readers announce them, escaped text, and right-aligned number columns. Choose a ready style as a <style> block, inline styles for email newsletters, or just a class name for your own CSS.

How to use this tool

1. Paste CSV, TSV or spreadsheet cells — or leave the box empty and set the number of rows and columns.
2. Say whether the first row and the first column are headers.
3. Add a caption.
4. Pick the styling: a <style> block, inline styles for email, or class only; then a look.
5. Copy the HTML.

Formula

<table> → <caption> → <thead><tr><th scope="col"> → <tbody><tr><th scope="row"> / <td>

Header cells get scope="col" (column headers) or scope="row" (the first cell of each body row), which ties data cells to their headers for assistive technology. Text is escaped so characters such as < and & display literally. A column whose cells are all numbers (thousands separators, a currency sign or % allowed) is right-aligned with tabular figures. Inline mode writes the styles on every cell, which is what email clients need.

Example

The sample pricing data gives a table with the caption "Plans and prices", a header row Plan / Price / Storage / Users, and three body rows whose first cell (Free, Team, Business) is a row header. Price ($0, $12, $29) is all numbers, so it is right-aligned; Users is not, because "Unlimited" is text. The striped look adds a <style> block that shades every second row.