html tutorial - Table tag in HTML - html5 - html code - html form



  • The <table> element is used to define the tabular data.
  • The data shown by two dimensional data table.
  • The <table> element starts with <table> and ends with </table>.
  • The table element is in the flow content category.
  • The <table> element also support Global Attribute and Event Attribute.
  • In this table element,
    • The row represent as <tr>
    • The header represent as <th>
    • The column represent as <td>
table

Syntax for table tag:

<table>content</table>

Differences between HTML 4.01 and HTML5 for table tag:

HTML 4.01

  • The "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", and "width" attributes are supported.

HTML5

  • All layout attributes are removed.

Sample Coding for table tag:

Tryit<!DOCTYPE html>
<html >
    <body>
        <tableborder=1>
            <tr>
                <th>Firstname</th>
                <th>Lastname</th>
            </tr>
            <tr>
                <td>Wiki</td>
                <td>techy</td>
            </tr>
        </table>
    </body>
</html>

Code Explanation for table tag:

code explanation for table tag

  1. <table> element - is used to define the data in the table format and starts with <table> and ends with </table>.
  2. border is the attribute of the table that shows the size of the frame around the table.
  3. <tr> element – used to represents the row of the table.
  4. <th> element – used to represents the header of the table.
  5. <td> element – used to represents the data of the table.

Output of <table>Tag:

output for table tag

  1. Here we can see the output is displayed in table format.

Attributes List :

Attribute Value HTML4 HTML5 Description
align left
center
right
YES NO Alignment of a table according to surrounding text
bgcolor rgb(x,x,x)
#xxxxxx
colorname
YES YES the background color for a table
border 1
0
YES NO It mention whether or not the table is being used for layout purposes
cellpadding pixels YES NO the space between the cell wall and the cell content
cellspacing pixels YES NO the space between cells
frame void
above
below
hsides
lhs
rhs
vsides
box
border
YES NO It shows which parts of the outside borders that should be visible
rules none
groups
rows
cols
all
YES NO which parts of the inside borders that should be visible
sortable sortable YES YES the table should be sortable
summary text YES NO a summary of the content of a table
width pixels
%
YES NO the width of a table

Browser Support for table tag:

Yes Yes Yes Yes Yes

Related Searches to table tag in html