**`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

HTML tables use `<table>`, `<tr>`, `<td>`, and `<th>` tags to create and structure tables, with CSS for styling.

How to use the 'table' element in HTML

The table element

Syntax

Code

Explanation

The `table` element