Skip to main content
Practice

Table

A table organizes data into rows and columns.

In HTML, you can create tables on a web page using the <table> tag.


Basic Structure​

The main tags for creating a table are as follows:

  • <table>: Creates a table element

  • <tr>: Defines a row in a table. It stands for "table row."

  • <td>: Defines a data cell. It stands for "table data."

  • <th>: Defines a header cell. It is usually displayed in bold.


Example Usage​

Below is a simple table example.

Table Example
<table border="1">
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Occupation</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
    <td>Developer</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>28</td>
    <td>Designer</td>
  </tr>
</table>

This example creates a 3x3 table where the first row consists of header cells and the subsequent rows contain data cells.


Additional Table Tags​

There are other tags available for more sophisticated table structures.

  • <thead>: Groups the header content in a table

  • <tbody>: Groups the body content in a table

  • <tfoot>: Groups the footer content in a table

Want to learn more?

Join CodeFriends Plus membership or enroll in a course to start your journey.