Adding Tables to Blog Posts

If you’ve ever had the need to separate content on a blog post, you may want to use tables. You will need to get your hands a little dirty with coding HTML, but it’s quite simple, actually.

When starting a new blog post, simply switch to HTML mode and paste in the following code:

<table border=”1″>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
</table>

This will give you a table with three rows and three columns. If you want to remove a column, simply delete the entire line of code that begins with <td>:

<td>row 2, cell 2</td>

To add another row, add another section of code from <tr> until </tr> copying all of the code in between. If you’re feeling more ambitious, visit this site to give you some further options for customization.

A great example for how this has been used is on Keith Bailey’s blog posting of student created videos: