How to Insert Table in Blogger's Blog

In this post, you will learn the easiest way to insert a table in your blogger's blog. So must read the post till the end to learn the process of inserting a table in blog posts and pages.

What are the tables

 Tables are data arranged in rows and columns or possibly more complex structures.

  • Tables can be used for various tasks, such as displaying textual information and numerical data.
  • Tables can be used to compare two or more items in a tabular layout.
  • The table is used to create the database.

Define the table in HTML

  • The HTML table is defined using the "table" tag.
  • To define a table row "tr" tag is used.
  • The table title is defined with the "th" tag.
  • By default, the table headings are bold and centered.
  • Table data/cells are defined with the "td" tag.

Example:

<!DOCTYPE html> 
<html> 
  
<body> 
  
    <table style="width:100%"> 
        <tr> 
            <th>Firstname</th> 
            <th>Lastname</th> 
            <th>Age</th> 
        </tr> 
        <tr> 
            <td>Priya</td> 
            <td>Sharma</td> 
            <td>24</td> 
        </tr> 
        <tr> 
            <td>Arun</td> 
            <td>Singh</td> 
            <td>32</td> 
        </tr> 
        <tr> 
            <td>Sam</td> 
            <td>Watson</td> 
            <td>41</td> 
        </tr> 
    </table> 
  
</body> 
  
</html> 


Output:

Firstname Lastname Age
Priya Sharma 24
Arun Singh 32
Sam Watson 41

Method of inserting table in blogger blog post and pages:


https://www.tablesgenerator.com/html_tables


Step 2: After visiting the website now click on the Table menu from the menu-bar.

how to insert table in blog - dcoder solutions


Step 3: Select Set Size from table menu > Select the specified number of rows and columns for the table by dragging courser in the table or by selecting the number of rows and columns from the option given below. 

how to insert table in blog - dcoder solutions


how to insert table in blog - dcoder solutions


Step 4: After inserting the table you can set data to the table by double-clicking the particular cell. 

how to insert table in blog - dcoder solutions


Step 5: You can format the table rows by available formatting options.

how to insert table in blog - dcoder solutions


Step 6: Now copy the given code below using the copy to clipboard option. 

how to insert table in blog - dcoder solutions


Step 7: Now it's time to paste the code into blogger. For that the given video below. 


This is how you can insert a table easily in your blog post or pages in blogger.

Avoid abusing comments. Peace ✌️ ✌️

Post a Comment

Avoid abusing comments. Peace ✌️ ✌️

Post a Comment (0)

Previous Post Next Post