HTML <table> Tag

The HTML <table> element in the HTML page establishes a table.

This tag is sometimes referred to as the <table> element. A table in HTML is made up of one <table> element plus one or more <tr>, <th>, and <td> components.

The <tr> element is used to establish a table row, the <th> element is used to define a table header, and the <td> element is used to define a table cell.

An HTML table may additionally include the following elements:

Syntax

<table>      Contents here...</table>

Example

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

<table>
  <tr>
	<th>Id</th>
	<th>Name</th>
	<th>Department</th>
  </tr>
  <tr>
	<td>1</td>
	<td>Victor</td>
	<td>Computer Science</td>
  </tr>
  <tr>
	<td>2</td>
	<td>Harry</td>
	<td>Electrical</td>
  </tr>
</table>

</body>
</html>

Preview

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<table>	Yes	Yes	Yes	Yes	Yes

<svg>

<tbody>

HTML <table> Tag

Syntax

Example

Supported Browsers

Links

Tutorials

Connect with us