How To Create Table Using HTML in Wordpress & Blogger Post

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 Wordpress and 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

<table width="400" border="2" cellspacing="1" cellpadding="1">

<tbody>

<tr>

<td> row1, cell1</td>
<td>row1, cell2</td>
</tr>
<tr>
<td> row2, cell1</td>
<td>row2, cell2</td>
</tr>
<tr>
<td> row3, cell1</td>
<td>row3, cell2</td>
</tr>
<tr>
<td> row4, cell1</td>
<td>row4, cell4</td>
</tr>
</tbody>

</table>

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

<table border="2" cellpadding="1" cellspacing="1" style="width: 400px;">
<tbody>
<tr> <td>row1, cell1</td> </tr></tbody> </table>

Result:

row1, cell1

For a 2X2 table, the code will be:

<table border="2" cellpadding="1" cellspacing="1" style="width: 400px;"><tbody>
<tr> <td>row1, cell1</td> <td>row1, cell2</td> </tr>
<tr> <td>row2, cell1</td> <td>row2, cell2</td> </tr></tbody> </table>

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.