Creating and Structuring HTML Tables

Tables in HTML are used to display data in rows and columns, providing a structured way to organize information.

Creating Tables

Use the <table> tag to create a table. Rows are defined with <tr> and cells with <td>. Here's the basic structure:

• <table> creates the table;
• <tr> creates a row;
• <td> creates a cell inside a row.

Table Headers

Use <th> for column or row headings. Header cells usually go inside a <thead> section.

• <thead> wraps header rows;
• <th> defines header cells.

Table Body

The <tbody> section follows <thead> and wraps the main table data (the regular rows).

Summarizing

Tables consist of these elements:

• <table>: main table container;
• <thead>: header row(s) with <th>;
• <tbody>: data rows with <td>;
• <tr>: a table row;
• <td>/<th>: data cell / header cell.