web

Thursday, February 2, 2017

Make HTML TABLE in blogspot aka blogger

There is no html table option right in the blogger editor so to make a table in your blogspot post you need to make it in your notepad and copy and paste it in your blog post in HTML mode.

Switch to HTML from Compose in the top left corner and paste your table where you need it.

To make it easier just paste it in the end of your post then switch back to Compose, you can always highlight it there then cut and paste it in a different place once you have it in your post.

To make an html table use the following :

  • Use the HTML <table> element to define a table
  • Use the HTML <tr> element to define a table row
  • Use the HTML <td> element to define a table data
  • Use the HTML <th> element to define a table heading

Here's the table structure:

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
Try it Yourself »
Remember you have to paste this code while in html mode for it to look like a table and not a piece of code.

So that it would look like this:

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94


Have fun!

See the complete instruction here

No comments :

Post a Comment