Tablas

20 min

Principiante

Datos organizados

Cuando hay que presentar datos organizados en filas y columnas, HTML tiene tablas:

<table>
    <tr>
        <th>Nombre</th>
        <th>Edad</th>
    </tr>
    <tr>
        <td>Ana</td>
        <td>15</td>
    </tr>
</table>

<table> es la tabla completa. Cada <tr> (table row) es una fila. Dentro de una fila, <th> (table header) es una celda de encabezado (el nombre de la columna), y <td> (table data) es una celda de datos normal.

Probá vos: una tabla

Armá una tabla con encabezados "Nombre" y "Curso", y al menos dos filas de datos.

¿Tabla o no?

Responde estas preguntas para verificar tu comprensión.

Pregunta 1

Horarios de clase, organizados por día y hora. ¿Usarías una tabla?

Sí No

Pregunta 2

Colocar un menú de navegación a la izquierda y el contenido principal a la derecha. ¿Usarías una tabla?