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

Attribute	Description
border	Specifies the width of the border around the table
cellpadding	Specifies the space between the cell content and cell border
cellspacing	Specifies the space between cells
width	Specifies the width of the table

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.