How to display a table body in HTML

HTMLFront End TechnologyWeb Development

Use the <tbody> tag in HTML to display a table body. The HTML <tbody> tag is used to add a body to a table. The tbody tag is used in conjunction with the thead tag and the tfoot tag in determining each part of the table (header, footer, body).

The following are the attributes of <tbody> tag −

Attribute
Value
Description
align
right
left
center
justify
char
Deprecated − Visual alignment.
char
Character
Deprecated − Specifies which character to align text on. Used when align = "char"
charoff
pixels or %
Deprecated − Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align = "char"
valign
top
middle
bottom
baseline
Deprecated − Vertical alignment.

Example

You can try to run the following code to display a table body in HTML −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tbody Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>
raja
Published on 13-Mar-2018 10:20:09
Advertisements