Wednesday, June 15, 2011

HTML Table Generator - Makes Tables Easy for Bloggers

[From Wikipedia:
HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. HTML is the basic building-blocks of webpages.]

Sometimes if I want to do something more than blogspot lets me do easily, I google for the html code.   I'm working on a post with a long table and so I googled to get reminded how to do that.  I've done it a couple of times and it's not that hard, though it can be time consuming.

This time I found a page at Quackit with an HTML Table Generator

All you have to do is type in the number of columns and rows you want and it spits out code to cut and paste into your blog.  Then you can erase the contents of the table (it says 'table cell' in each cell) and fill it in.  Here's a screenshot from their page.

 As you can see, you can change the width of the table, the space between cells and the border width.  Play around to see how it works.  "More colors" takes you to a page that shows all the color codes in html.

Then you just
  • copy the html (down on the bottom of the page you generate at Quackit) 
  • go to your blogspot post page
  • click on the Edit HTML tab at the top right of the post box
  • paste the code where you want the box in the text.
Then when you go back into Compose mode (again upper right of post box) you can see your table:

Table Cell It starts with Table Cell In every cell
Table Cell But you can delete and type
Table Cell what you want in the cells
Table Cell

Table Cell

There are some tricky parts.  You need more skills to make longer or shorter cells, though just typing in will widen a cell.   Play with the space key until you get things to fit right. 


  1. Wonderful article. I have written post on same topic on my website

  2. Important thing I have also added HTML Tables Generator websites here in my website HTML

  3. Really nice online HTML table generator with col and row merge can be found here:


Comments will be reviewed, not for content (except ads), but for style. Comments with personal insults, rambling tirades, and significant repetition will be deleted. Ads disguised as comments, unless closely related to the post and of value to readers (my call) will be deleted. Click here to learn to put links in your comment.