Tutoriales de informática - Abrirllave.com

Abrirllave.com

Ejemplo de tabla con cabeceras en HTML

Ejemplo explicado en el apartado "Tablas" del tutorial de HTML.

"tabla-con-cabeceras.html"

<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="utf-8">
    <title>Ejemplo de tabla con cabeceras</title>
    <style>
      table, td, th {
        border:1px solid black;
      }
      table {
        border-collapse:collapse;
        width:100%;
      }
      td, th {
        padding:5px;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>Ciudad</th>
        <th>País</th>
        <th>Continente</th>
      </tr>
      <tr>
        <td>Roma</td>
        <td>Italia</td>
        <td>Europa</td>
      </tr>
      <tr>
        <td>El Cairo</td>
        <td>Egipto</td>
        <td>África</td>
      </tr>
      <tr>
        <td>Tokio</td>
        <td>Japón</td>
        <td>Asia</td>
      </tr>
    </table>
  </body>
</html>

Visualización en pantalla

Visualización del archivo tabla-con-cabecera.html en Google Chrome, donde se muestran tres celdas cabecera.

Practicar el código del ejemplo