Tuesday 19 June 2012

How To Create HTML Table in Blogger


Using a table in blog post is not a tedious task for those who have known and mastered how html works, but for newbies that has just started, adding html table to their wordpress / blogger blog might be difficult.

Today, I want to share a simple trick that anyone can use to create html table in wordpress and blogger post. Follow the instructions below to make html table for your blog.

How To Create HTML Table in Blogger post

Note: when dealing with html, it must begin with an open tag <> and end with a closing tag. Therefore, to make a table with html, it must start with <table> and end with </table>
<td> </td> = you can put text or insert images between this tag. You can also repeat it many times to create more cells.

<tr> </tr> = this tag is use for making rows. You can repeat this tag to make more rows in your post.
The html table below is a 2 X 4 table
    
row1, cell1 row1, cell2
row2, cell1 row2, cell2
row3, cell1 row3, cell2
row4, cell1 row4, cell4
 
You must add this code in the html editor of your blogger or wordpress blog and preview it for any error. If the table is correctly entered and configured, it must look like what you are seeing below.


row1, cell1 row1, cell2
row2, cell1 row2, cell2
row3, cell1 row3, cell2
row4, cell1 row4, cell4

In case you want to reduce it to a 1X1 table then the code will look like this


row1, cell1

Result
row1, cell1
For a 2X2 table, the code will be:
row1, cell1 row1, cell2
row2, cell1 row2, cell2
Result:
row1, cell1 row1, cell2
row2, cell1 row2, cell2

You just need to add the “td” and “tr” tag to add more rows and column to the table. That’s all. In my future post I will explain how you can add color to the table.


YOUR ADSENSE CODE GOES HERE

0 comments:

Post a Comment

 

| Learn About Education and Tricks © 2009. All Rights Reserved | Back To Top |