How to insert a table in blog post

There is no default setting for inserting a table in blog post. So for table inserting in blog post follow the following steps.

  • Go to new post in "html mode" 
  • Add the following code 

<table>
</tr><tr><td>C1 </td>
<td>Column 2  </td>
</tr><tr><td>C 1 </td>
<td>C2  </td>
</tr><tr><td>C 1 </td>
<td>C 2  </td>
</tr><tr><td>C1 </td>
<td>C 2  </td></tr>
</table>

This code will give you 2 columns and 4 rows.


Another Method to insert the table in Blog Post with table border 
Add the following code in HTML mode

<table border=1 cellpadding=0 cellspacing=0 height=100 width=100>
<tr>
<td> column 1 </td>  <td> column 2 </td>
</tr>
</table>

 This code will give you 2 columns and 1 rows.  Below is an Example of this code

column 1 column 2


If you want to increase number of rows or columns follow the steps


<table border=1 cellpadding=0 cellspacing=0 height=100 width=100>
<tr>  <td> column 1 </td>  <td> column 2 </td>  </tr>
<tr> <td> column 1 </td>   <td> column 2 </td>  </tr>
<tr> <td> column 1 </td>  <td> column 2 </td>  </tr>
</table>
This code will give you 2 columns and 3 rows.Below is an Example of this code


column 1 column 2
column 1 column 2
column 1 column 2


Adding <tr>    </tr> to increase the numbers of rows and <td>   </td> to increase the numbers of columns.
<tr> for row starting and </tr> for row clossing, similarly <td> and </d>

0 comments:

Copyright © 2013 A Tech Blog and Blogger Templates - Anime OST.