Using the Table menu set the desired size of the table.
Enter the table data into the table:
select and copy (Ctrl+C) a table from the spreadsheet (e.g. Google Docs,
LibreOffice Calc, webpage) and paste it into our editor -- click a cell
and press Ctrl+V
or just double click any cell to start editing it's contents --
Tab and Arrow keys can be used to navigate table cells
Adjust text alignment and table borders using the options from the
menu and using the toolbar buttons -- formatting is applied to all the
Click "Generate" button to see the generated table's HTML source
code -- select it and then Copy & Paste to your website's source.
We hope that this tool will prove useful for people who are not very
familiar with the HTML and CSS. So if you need a table for your website
or blog (Wordpress, Drupal or any platform which allows putting HTML code
inside posts) it should work just fine. Our HTML table generator could
also be useful for developers who just want to quickly create the HTML
table. Please, note that newlines are preserved in the generated table's
To insert the table into your website just copy
& paste the generated code into your website's source. It should display fine
in all modern browsers both desktop and mobile. But if you want your
page to remain consistent with HTML standard, please, read the next paragraph.
The generated code consists of two parts:
<style> tag and <table> tag.
The first one should be copied and put just before the
</head> tag of your website, while the latter (i.e.
table code) should be placed in the desired location.
As you probably noticed there is a select box "--Table theme--" in the toolbar which
allows selecting a table theme from the predefined set. The generated CSS
contains all the necessary colors etc. so that the table should look similar
when you paste it to your website.
If you want to keep the table for any future editing click the
"Download" button below. The file with the table can be loaded back using
the "Load table" option from the menu.
Basic key commands
ENTER or double click — to start editing a cell
ESC — to stop editing a cell
TAB or Arrow Keys — to select a different cell
CTRL+Z — to undo a change
CTRL+Y — to redo a change
Left mouse button — click a cell to
select it (hold left button pressed to select adjacent cells)
Hold CTRL to select multiple cells (not necessarily adjacent).
Some of the functionalities may not work in all browsers — if you
encounter a problem, please try to use another browser (Google Chrome,
Mozilla Firefox) or update your browser to a newer version if available. If the problem
still persists please let us know.