HTML Table Tag 

The HTML <table> tag is used to create a table on a web page. Tables are commonly used to organize and display data in a structured format. The <table> tag is used in conjunction with other tags such as <tr> (table row), <th> (table header), and <td> (table data) to define the structure and content of the table.

Here is an example of a basic table structure:

<table>
  <tr>
    <th>Column 1</th>
    <th>Column 2</th>
    <th>Column 3</th>
  </tr>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
    <td>Row 1, Column 3</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
    <td>Row 2, Column 3</td>
  </tr>
</table>

In this example, the <table> tag is used to create a table. The <tr> tags define the rows of the table, while the <th> and <td> tags define the header and data cells of each row, respectively.

The first row of the table is typically used to define the header, which provides a label for each column. The remaining rows of the table contain the data.

Here are some additional attributes that can be used with the <table> tag:

  • border: This attribute specifies the width of the border around the table.
  • width: This attribute specifies the width of the table.
  • align: This attribute specifies the alignment of the table with respect to the surrounding content.
  • bgcolor: This attribute specifies the background color of the table.

Here is an example of how to use some of these attributes:

<table border="1" width="100%" align="center" bgcolor="#f0f0f0">
  <tr>
    <th>Column 1</th>
    <th>Column 2</th>
    <th>Column 3</th>
  </tr>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
    <td>Row 1, Column 3</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
    <td>Row 2, Column 3</td>
  </tr>
</table>

In this example, the border attribute is set to 1 to add a border around the table. The width attribute is set to 100% to make the table fill the entire width of the screen, and the align attribute is set to center to horizontally center the table. The bgcolor attribute is set to #f0f0f0 to give the table a light gray background color.

Tables are a useful way to organize and display data on a web page. By using the various attributes available, you can customize the appearance of the table to fit your needs.