HTML table Tag

HTML <table>Tag: The HTML<table> tag defines a HTML table. The HTML table tag can contain <tr>,<th>,<td> elements. This HTML table tag supports both the global and the event attributes. Till 2005, whole webpage was build using table element, but later or Div Based Layouts becomes popular as div is easy to build and maintain than table.

HTML <table>Tag

A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>, <tfoot>, and <tbody> elements. They can be used to compare two or more items in tabular form layout and also used to create databases. This tag supports both globala nd event attributes.

Syntax: <table> Text </table>

Browser compatibility

The HTML<table>tag is supported by different types of browsers.

Chrome
Firefox
Opera
Safari
Internet Explorer

Example:

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Programming Languages</th>
    <th>Author</th>
  </tr>
  <tr>
    <td>C</td>
    <td>Dennis Ritchie</td>
  </tr>
  <tr>
    <td>JAVA</td>
    <td>James Gosling</td>
  </tr>
</table>
</body>
</html>

Output:

html table tag

Attributes that are supported by the <table> tag

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