HTML Tables

1. Table Structure (<table>)

The <table> tag defines an HTML table. A table consists of rows, headers, and data cells.

HTML Example:

<table>
    <caption>Monthly Sales Report</caption>
    <thead>
        <tr>
            <th>Month</th>
            <th>Sales</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>January</td>
            <td>$10,000</td>
        </tr>
        <tr>
            <td>February</td>
            <td>$12,000</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Total</td>
            <td>$22,000</td>
        </tr>
    </tfoot>
</table>

Copy

Explanation:

• <table>: Defines the start and end of the table.
• <tr>: Defines a row in the table.
• <th>: Defines a header cell in a table, which is usually bold and centered.
• <td>: Defines a standard data cell in a table.
• <caption>: Provides a title or summary for the table.
• <thead>: Groups the header content in the table.
• <tbody>: Groups the body content in the table.
• <tfoot>: Groups the footer content in the table.

Monthly Sales Report

Month	Sales
January	$10,000
February	$12,000
Total	$22,000