An **HTML table** is used for the ​arrangement of data in rows and columns, or possibly in a more complex structure.

# Defining tables in HTML
An HTML table is defined with the `<table>` tag. Following are some basic tags used for specifying the features of a  table: 

* `<tr>` tag is used to define each row in a table. 
* `<th>` tag is used to define headers of a table.  
* `<td>` tag is used to define a table data or a cell. 

By default, table headings are bold and centered while data is non-bold and left aligned. 

## Example:
Below is an example of defining a basic HTML table:

> For easy reading of the table, *line 4-8* are used to add borders to the headers and data cells.

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

    <table>
      <tr>
        <th>Name</th>
        <th>Place</th>
        <th>Animal</th>
        <th>Thing</th>
      </tr>
      <tr>
        <td>Bradley</td>
        <td>Belgium</td>
        <td>Bear</td>
        <td>Bag</td>
      </tr>
      <tr>
        <td>John</td>
        <td>Jordan</td>
        <td>Jaguar</td>
        <td>Jacket</td>
        </tr>
      <tr>
        <td>Henry</td>
        <td>Hungary</td>
        <td>Horse</td>
        <td>Hammer</td>
        
      </tr>
    </table>

  </body>
</html>

codemirror

What is an HTML  table?

An HTML table is used for the ​arrangement of data in rows and columns, or possibly in a more complex structure. 