SKIP TO CONTENT

De CSV a Aplicación Web

beginner~15 min0/4 pasos

De CSV a Aplicación Web

Ya sabes cómo consultar datos. Ya sabes cómo segmentarlos en SQL. Ahora aprende cómo mostrarlos.

Una tabla en una hoja de cálculo es invisible para el mundo. Una tabla en un navegador es un producto. En esta lección construirás un panel de datos HTML interactivo — con encabezados ordenables, filas con código de colores y una fila de resumen — todo desde cero. Sin Python, sin Pandas. Solo HTML y Tailwind.

Instrucciones

1

Agrega un título <h1> al panel — ¿qué datos estás mostrando?

Pista: Prueba: `<h1 class="text-2xl font-bold text-white">Análisis de Productos</h1>`

2

Agrega una <table> con un <thead> que contenga al menos 3 encabezados de columna (<th>)

3

Agrega un <tbody> con al menos 4 filas de datos (<tr>) — rellena con números que parezcan reales

4

Agrega una fila de totales al final: <tr class="summary-row"> con totales en negrita para cada columna

Tu código

html
21 líneas
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Vista previa en vivo

Vista previa en vivo