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.
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.
That's really nice, thank you.
ReplyDeleteWonderful article. I have written post on same topic on my website
ReplyDeletehttp://www.way2onlinejobs.com/build/create-html-tables.html
Important thing I have also added HTML Tables Generator websites here in my website HTML
ReplyDeleteTables
Really nice online HTML table generator with col and row merge can be found here: http://html-tables.com/
ReplyDeleteThanx for the tutorial
ReplyDeletebest online different kind of html tables generator can be found here https://htmlcodegenerator.blogspot.com/2019/09/html-table-generator.html
ReplyDeleteJagadish, 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.
DeleteBut 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.
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