How to include tables in your post from blogger

HTML Tutorial: Include tables in your post from blogger

In this article I will explain how to include tables in your post from blogger because sometimes we find the need to include in our articles and found that the editor blogger does not have any tools that allow us to insert tables.

tables in your post from blogger
Add Table in blogger post


To include tables in blogger post editor we have to resort to HTML and set ourselves the structure of the table in html . Then the html code needed to define I put a table in your blogger post:

<table border="1" style="float: left; margin-right: 2%; width: 100%;">
<tbody>
<tr>
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 2</td>
</tr>
</tbody>
</table>

And the result of applying the above code is as follows:

Column 1             Column 2             Column 2



Explanation: Elements used in the creation of the table.
table : Instruction indicating that you are defining a table in HTML.
style : instruction that is used to define the style of the table.
float : Indicates where the table is aligned in our case to the left of its container.
margin-right : the right margin of the table, in our example 2% of the container of the table.
width : width to occupy the table, in our example 100% of the container it.
tbody : Indicates that will define the content of the table body.
tr : Used to define the contents of a table row
td : Instruction to define table cells
Through the above example you can customize the tables in your post incluyáis blogger as to change the values ​​of the properties that I described above you will notice as it changes the table.
Share on Google Plus

About M Shahid Sani

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a Comment

Comments About Blog Post