How to Create a Simple Table in Blog Posts

In making an article on the blog sometimes takes a table. The table can make writing a neat so nice to read.

To create a simple table, it takes at least the HTML code as below.

<table border="1" style="width: 400px;"><tbody>

<tr><td style="text-align: center;">ELEMEN SEL 1</td><td style="text-align: center;">ELEMEN SEL 2</td></tr>

<tr><td style="text-align: center;">ELEMEN SEL 3</td><td style="text-align: center;">ELEMEN SEL 4</td></tr>

</tbody></table>

Border lines indicate the thickness of the edge of the table. The greater the number or value then the thicker the line the edge of the table. If the value is replaced with zero (0px) outline the table becomes invisible.

Text-align: center; shows alignment of the text was in the middle. If you want the text to be flush right then the word was replaced by right center. Left to the left and justify to the average left-right.

Width indicates the width of a table. 400px numbers can be replaced as necessary. if you want to equate with the width of the post pages, just replaced it figures 400px to 100%.

... </ tr> shows a table row. While ... </ td> indicates a table cell. HTML code form on a table that has 2 columns and 2 rows. ELEMENT SEL can be filled with text, links, or pictures. If you want to increase the number of rows or columns, just add any HTML code to form rows and columns.

If your HTML code above table is placed on the Edit menu HTML, then the result will look like below.

ELEMEN SEL 1	ELEMEN SEL 2
ELEMEN SEL 3	ELEMEN SEL 4