Skip to main content

Practical Exercise 6: Tables in HTML

In this practical exercise, you will learn how to insert and configure a table with three rows and three columns using the <table> tag.<table>

Activity​

Create a table with three rows and three columns using the label<table>

Interactive Solution​

Solution with complete HTML code​

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>