HTML: Tablas

Las tablas en HTML son una manera de organizar y mostrar datos en filas y columnas. Se usan comúnmente para mostrar información tabular como estadísticas, horarios, listas de precios, etc. Esta se denomina con <table>: esta compuesta por: <tr> (table row): Define una fila de la tabla. <th> (table header): Define una celda de encabezado en una fila de la tabla. Normalmente, el texto dentro de un <th> se muestra en negrita y centrado. <td> (table data): Define una celda estándar en una fila de la tabla.

<table>
    <thead>
        <tr>
            <th>Título</th>
            <th>Año de Estreno</th>
            <th>Directores</th>
            <th>Duración (min)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>The Matrix</td>
            <td>1999</td>
            <td>Lana Wachowski, Lilly Wachowski</td>
            <td>136</td>
        </tr>
        <tr>
            <td>The Matrix Reloaded</td>
            <td>2003</td>
            <td>Lana Wachowski, Lilly Wachowski</td>
            <td>138</td>
        </tr>
        <tr>
            <td>The Matrix Revolutions</td>
            <td>2003</td>
            <td>Lana Wachowski, Lilly Wachowski</td>
            <td>129</td>
        </tr>
        <tr>
            <td>The Matrix Resurrections</td>
            <td>2021</td>
            <td>Lana Wachowski</td>
            <td>148</td>
        </tr>
    </tbody>
</table>