Pages

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. 

8 comments:

  1. Wonderful article. I have written post on same topic on my website
    http://www.way2onlinejobs.com/build/create-html-tables.html

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

    ReplyDelete
  3. Really nice online HTML table generator with col and row merge can be found here: http://html-tables.com/

    ReplyDelete
  4. best online different kind of html tables generator can be found here https://htmlcodegenerator.blogspot.com/2019/09/html-table-generator.html

    ReplyDelete
    Replies
    1. Jagadish, I have gotten pretty ruthless about deleting comments like yours. Especially since you couldn't even put a link on the url to the site in your comment.

      But I've checked your link and the table generator works well. I like that you can fill out the contents of the table right there. The controls of the colors etc. are pretty clear and easy to use.

      It would be nice to add options for the size of the table and to align it left, right, or center.

      Delete
  5. HTML Table generator online, this generator allow you to create HTML table with zero knowledge of HTML Table # columns, rows, border size, Table Color, etc. This html table generator will automatically generates all the requires tags with the relevant CSS for further customization that you want.You can also edit HTML Table Tags And Attributes.

    ReplyDelete

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.