Sometimes we need to display the data on our blog by using the table because we can present the data and information more concise and accurate. But the biggest problem facing us is the text editor provided by wordpress.com, blogger.com or another CMS does not provide facilities for creating tables. So we must make our own table and thus we must also learn to create a table using html code.
I will immediately give an example to you how to create a table with the most simple and easy way.
The following format is the most simple and easy ways to make your table on the blog WordPress.com, Blogger.com or Other Blog by 100% guaranteed compatible with any browser too:)
<table>
<tbody>
<tr> <td> Number 1 </td> <td> Zahra </td> </tr>
<tr> <td> Number 2 </td> <td> Ella </td> </tr>
<tr> <td> Number 3 </td> <td> Lita </td> </tr>
<tr> <td> Number 4 </td> <td> Irma </td> </tr>
</tbody>
</table>
HTML code above will display the table as follows:
| Number 1 | Zahra |
| Number 2 | Ella |
| Number 3 | Lita |
| Number 4 | Irma |
If you want better table view you can change the properties of that table, like the appearance of a border, column width, row height, background color, and others.
<table id=”FormattedTable” style=”border-collapse: collapse” border=”2″ width=”350″ bordercolor=”#966432″>
<tbody>
<tr>
<td align=”center” bgcolor=”#92c783″><strong>champions</strong></td>
<td width=”175″ align=”center” bgcolor=”#92c783″><strong>Name</strong></td>
</tr>
<tr>
<td align=”center”>Number 1.</td>
<td width=”175″ align=”center”>Zahra</td>
</tr>
<tr>
<td align=”center”>Number 2</td>
<td width=”175″ height=”24″ align=”center”>Ella</td>
</tr>
<tr>
<td align=”center”>Number 3</td>
<td width=”175″ height=”24″ align=”center”>Lita</td>
</tr>
<tr>
<td align=”center”>Number 4</td>
<td width=”175″ align=”center”>Irma</td>
</tr>
</tbody></table>
HTML code above will display the table as follows:
| champions | Name |
| Number 1. | Zahra |
| Number 2 | Ella |
| Number 3 | Lita |
| Number 4 | Irma |
.
