• Cuarzo.dev
  • Posts
  • Cómo hacer TABLAS en HTML con sus Celdas y Columnas

Cómo hacer TABLAS en HTML con sus Celdas y Columnas

Aprende a crear y estilizar tablas en HTML. Añade bordes, padding, y espaciado con CSS. Descubre cómo usar colspan y rowspan para celdas que abarcan múltiples columnas o filas, y añade títulos

Tablas

Nombre

Apellidos

País

Kiko

Palomares

España

Juan

Hernández

México

Sofía

Martínez

Argentina

<table>

  • Con la etiqueta <table> podemos definir una tabla.

  • Cada fila se define con <tr>.

  • El encabezado de la tabla se define con <th>.

  • Y las celdas se definen con <td>.

  • Dentro de un <td> puede haber cualquier tipo de elemento HTML, textos, imágenes, listas, etc.

<table>
  <tr>
    <th>Nombre</th>
    <th>Apellidos</th>
    <th>País</th>
  </tr>
  <tr>
    <td>Kiko</td>
    <td>Palomares</td>
    <td>España</td>
  </tr>
  <tr>
    <td>Juan</td>
    <td>Hernández</td>
    <td>México</td>
  </tr>
    <tr>
    <td>Sofía</td>
    <td>Martínez</td>
    <td>Argentina</td>
  </tr>
</table>

Suscríbete para seguir leyendo...

Este contenido es gratuito, pero debes estar suscrito a Cuarzo.dev para continuar leyendo.

Already a subscriber?Sign In.Not now

Join the conversation

or to participate.