Saltar al contenido principal

Ejercicio práctico 6: Tablas en HTML

En este ejercicio práctico aprenderás a insertar y configurar una tabla con tres filas y tres columnas usando la etiqueta <table>.

Actividad​

Crea una tabla con tres filas y tres columnas usando la etiqueta <table>.

Solución interactiva​

Solución con el código HTML completo​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Tablas</title>
  </head>
  <body>
    <h1>Tabla</h1>
    <table border="1">
      <tr>
        <th>Encabezado 1</th>
        <th>Encabezado 2</th>
        <th>Encabezado 3</th>
      </tr>
      <tr>
        <td>Fila 1, Columna 1</td>
        <td>Fila 1, Columna 2</td>
        <td>Fila 1, Columna 3</td>
      </tr>
      <tr>
        <td>Fila 2, Columna 1</td>
        <td>Fila 2, Columna 2</td>
        <td>Fila 2, Columna 3</td>
      </tr>
    </table>
  </body>
</html>