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
Result
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.
Related Posts: Blogger Tips And Tricks
0 comments:
Post a Comment