Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Creación y Estructuración de Tablas HTML | Tablas y Formularios
Fundamentos de HTML

bookCreación y Estructuración de Tablas HTML

Las tablas en HTML se utilizan para mostrar datos en filas y columnas, proporcionando una forma estructurada de organizar la información.

Creación de tablas

Utilizar la etiqueta <table> para crear una tabla. Las filas se definen con <tr> y las celdas con <td>. A continuación, se muestra la estructura básica:

index.html

index.html

copy
  • <table> crea la tabla;
  • <tr> crea una fila;
  • <td> crea una celda dentro de una fila.

Encabezados de tabla

Utilizar <th> para los encabezados de columna o fila. Las celdas de encabezado suelen ir dentro de una sección <thead>.

index.html

index.html

copy
  • <thead> envuelve las filas de encabezado;
  • <th> define las celdas de encabezado.

Cuerpo de la tabla

La sección <tbody> sigue a <thead> y envuelve los datos principales de la tabla (las filas regulares).

index.html

index.html

copy

Resumen

Las tablas constan de los siguientes elementos:

  • <table>: contenedor principal de la tabla;
  • <thead>: fila(s) de encabezado con <th>;
  • <tbody>: filas de datos con <td>;
  • <tr>: una fila de la tabla;
  • <td>/<th>: celda de datos / celda de encabezado.
index.html

index.html

copy

1. ¿Qué etiqueta se utiliza para crear una tabla?

2. ¿Qué etiqueta representa una fila dentro de la tabla?

3. ¿Cuál es el propósito de la etiqueta <tbody>?

question mark

¿Qué etiqueta se utiliza para crear una tabla?

Select the correct answer

question mark

¿Qué etiqueta representa una fila dentro de la tabla?

Select the correct answer

question mark

¿Cuál es el propósito de la etiqueta <tbody>?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 1

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

bookCreación y Estructuración de Tablas HTML

Desliza para mostrar el menú

Las tablas en HTML se utilizan para mostrar datos en filas y columnas, proporcionando una forma estructurada de organizar la información.

Creación de tablas

Utilizar la etiqueta <table> para crear una tabla. Las filas se definen con <tr> y las celdas con <td>. A continuación, se muestra la estructura básica:

index.html

index.html

copy
  • <table> crea la tabla;
  • <tr> crea una fila;
  • <td> crea una celda dentro de una fila.

Encabezados de tabla

Utilizar <th> para los encabezados de columna o fila. Las celdas de encabezado suelen ir dentro de una sección <thead>.

index.html

index.html

copy
  • <thead> envuelve las filas de encabezado;
  • <th> define las celdas de encabezado.

Cuerpo de la tabla

La sección <tbody> sigue a <thead> y envuelve los datos principales de la tabla (las filas regulares).

index.html

index.html

copy

Resumen

Las tablas constan de los siguientes elementos:

  • <table>: contenedor principal de la tabla;
  • <thead>: fila(s) de encabezado con <th>;
  • <tbody>: filas de datos con <td>;
  • <tr>: una fila de la tabla;
  • <td>/<th>: celda de datos / celda de encabezado.
index.html

index.html

copy

1. ¿Qué etiqueta se utiliza para crear una tabla?

2. ¿Qué etiqueta representa una fila dentro de la tabla?

3. ¿Cuál es el propósito de la etiqueta <tbody>?

question mark

¿Qué etiqueta se utiliza para crear una tabla?

Select the correct answer

question mark

¿Qué etiqueta representa una fila dentro de la tabla?

Select the correct answer

question mark

¿Cuál es el propósito de la etiqueta <tbody>?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 1
some-alt