**`Table`** is one of the elements in HTML that we can use to create tables in our web pages.

# The `table` element

An HTML `table` element consists of some tags and attributes necessary to build a table. Those tags are as follows:

- `<td>`: defines a standard data cell in an HTML table.
- `<tr>`: defines a row in an HTML table.
- `<th>`: defines a header cell in an HTML table.

# Syntax

As shown in the illustration above, a `<table>` tag uses multiple elements to create a simple table in HTML. The following syntax shows how to create a table with three rows and one element in each row.

``` html
<table>
  <tr>
    <th>....</th>
  </tr>
  <tr>
    <td>...</td>
  </tr>
  <tr>
    <td>...</td>
  </tr>
</table>
```

# Code

Consider the following example code that demonstrates how to create a table in HTML.

<!DOCTYPE HTML>
<html>
  <head> </head>
  
  <body>
    <table>
      <tr>
        <th>Name</th>
        <th>Age</th>
      </tr>

      <tr>
        <td>John</td>
        <td>45</td>
      </tr>
  
      <tr>
        <td>Jessica</td>
        <td>23</td>
      </tr>

      <tr>
        <td>Billy</td>
        <td>30</td>
      </tr>

    </table>
  </body>
</html>


// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

codemirror

# Explanation

In the implementation above, we have made three data entries using the `<td>` (`John`, `Jessica`, and `Billy`), along with their respective ages.

The `<th>` tag creates headings for `Name` and `Age.` Both the `<th>` and `<td>` tags are included inside the `<tr>` tag to group them in a single row.

We use #key# CSS: Cascade Style Sheets #key# to make a border around the table entries so that it will look like an actual table. 

How to use the 'table' element in HTML

Table is one of the elements in HTML that we can use to create tables in our web pages. 

How to use the 'table' element in HTML

The table element

Syntax

Code

Explanation

The `table` element