I love tables in my blog or website and I am not going to lie I cheat – I use Dreamweaver to create my Tables. I am also aware not everyone has Dreamweaver, so the following HTML codes are for different types of tables. The Table will be first and then the code will follow.
Table with no spacing or lines (that is why there is stuff in it):
test | test | test |
1 | 2 | 3 |
4 | 5 | 6 |
HTML Code:
<body><table width=”725″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
</tr>
<tr>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
</tr>
<tr>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
</tr>
</table>
The Next Table: Please not this table is only 425 in width – the HTML code is for 725 width. To change your code to your desired size change the width. The cell spacing and cell padding can be changed also.
HTML Code:
<table width=”725″ border=”2″ cellspacing=”3″ cellpadding=”3″>
<tr>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
</tr>
<tr>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
</tr>
<tr>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
<td>YOUR INFO HERE</td>
</tr>
</table>
To insert the code into your blog post go to Dashboard –> New Post –> Edit HTML –> Insert Code –> Modify to Suit Your Needs –> Publish Post