SKIP TO CONTENT

Da CSV a Web App

beginner~15 min0/4 passaggi

Da CSV a Web App

Sai già interrogare i dati. Sai affettarli con SQL. Ora impara a mostrarli.

Una tabella in un foglio di calcolo è invisibile al mondo. Una tabella nel browser è un prodotto. In questa lezione costruirai una dashboard dati interattiva in HTML — con intestazioni ordinabili, righe con codici colore e una riga dei totali — tutta da zero. Niente Python, niente Pandas. Solo HTML e Tailwind.

Istruzioni

1

Aggiungi un titolo <h1> per la dashboard — quali dati sta mostrando?

Suggerimento: Prova: `<h1 class="text-2xl font-bold text-white">Analisi Prodotti</h1>`

2

Aggiungi una <table> con un <thead> contenente almeno 3 intestazioni di colonna (<th>)

3

Aggiungi un <tbody> con almeno 4 righe di dati (<tr>) — inserisci numeri realistici

4

Aggiungi una riga dei totali in fondo: <tr class="summary-row"> con i totali in grassetto per ogni colonna

Il tuo codice

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

Anteprima dal vivo

Anteprima dal vivo