HTML Table Generator

Set a row and column count, type directly into a grid of cells, and this builds a proper <table> element with <thead>, <tbody>, <tr> and <td> tags in the right places — the markup structure a screen reader and a search engine both expect from tabular data, rather than a visual approximation built from <div>s.

Header row, borders and row striping are all toggles, and every visual setting is written as inline style attributes rather than a CSS class. That is a deliberate choice for portability: paste the output into an email template, a CMS rich-text field, or any content editor that strips out linked or embedded stylesheets, and the table still looks exactly as designed, because none of its appearance depends on CSS living anywhere else.

Tables are for data, not layout

On the modern web, use CSS grid or flexbox for page layout — arranging a header, sidebar and content area. The <table> element is for genuinely tabular data: rows and columns where each cell relates to a header, which is exactly how a screen reader announces it, reading out the column header alongside each cell's content. Using a table for layout confuses that announcement for anyone relying on it.

Email is the one real exception. Most email clients still render CSS inconsistently, and table-based layout remains the reliable way to get a consistent structure across Outlook, Gmail and everything else — which is also why this tool's inline-style approach suits email templates particularly well.