table

I. Description

The HTML table element is used to create tables (obviously). Tables are made up of three parts, a table header (thead), a table body (tbody) and a table footer (tfoot). Each of these three elements contain table rows (tr); the table header (thead) rows (tr) contain table header cells (th). The table body (tbody) and table footer (tfoot) rows contain table data (td) elements.

II. Elements

<!DOCTYPE html>
<html>
    <head>
        <title>Example Page</title>
    </head>
    <body>
        <h1>Example HTML Page</h1>
        <p>This is a sample table element.</p>
        <table>
            <thead>
                <tr>
                    <th colspan="2">Appointments Scheduled</th>
                </tr>
                <tr>
                    <th>Day of the Week</th>
                    <th>Number of Appointments</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Sunday</td>
                    <td>0</td>
                </tr>
                <tr>
                    <td>Monday</td>
                    <td>16</td>
                </tr>
                <tr>
                    <td>Tuesday</td>
                    <td>9</td>
                </tr>
                <tr>
                    <td>Wednesday</td>
                    <td>10</td>
                </tr>
                <tr>
                    <td>Thursday</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>Friday</td>
                    <td>11</td>
                </tr>
                <tr>
                    <td>Saturday</td>
                    <td>18</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>Total Appointments This Week</td>
                    <td>68</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>