Lección 15 de 22

Creando Tablas

Nueva Sección: Tablas y Formularios

Ahora aprenderemos a organizar información en tablas y a crear formularios para interactuar con los usuarios. Empecemos con las tablas, que son perfectas para mostrar información en filas y columnas.

Una tabla se compone de:

  • <tabla> - El contenedor principal
  • <cabecera-tabla> - La sección de encabezados
  • <cuerpo-tabla> - Donde va el contenido principal
  • <fila-tabla> - Cada fila de la tabla
  • <celda> - Para datos normales
  • <celda-encabezado> - Para títulos de columnas

Ejemplo

Aquí hay una tabla simple que muestra calificaciones de estudiantes:

EsHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Vista Previa

¡Ahora te toca a ti!

Crea una tabla con tres columnas: "Nombre", "Edad" y "Ciudad". Añade al menos dos filas con información de personas.

Tu código EsHTML
1
2
3
4
5
6
7
8
9
10
11
HTML
1
2
3
4
5
6
7
8
9
10
11
Vista Previa