HTML <table> Element

HTML <table> Tag Tutorial

The <table> tag in HTML is used to create a table on a webpage. Tables are used to display data in rows and columns, making it easier to organize and present information. In this tutorial, we will explain how the <table> tag works, its main tag attributes, and provide examples of how to use it.

Using the <table> Tag

To create a table in HTML, you need to use the <table> tag. This tag is used to define the beginning and end of the table. Within the <table> tag, you can use other tags such as <tr> (table row) to define each row in the table, <th> (table header) to define table headings, and <td> (table data) to define the data within each cell of the table.

Main <table> Tag Attributes

Here is an example of how to create a simple table using the <table> tag:

<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>30</td>
  </tr>
</table>

This code will display a table with two columns: Name and Age, and two rows of data for John and Jane.

Conclusion

Tables are a useful way to organize and present data on a webpage. By using the <table> tag and its attributes, you can create custom tables that fit your specific needs. Experiment with different attributes and layouts to create visually appealing tables for your website.