Mini-editor a sfide · HTML, CSS e DOM
Officina della scheda pizza
La scheda Margherita della lezione è arrivata in pizzeria a pezzi. Rimettila in ordine con HTML e CSS: ogni sfida superata si accende di verde.
- Leggi la sfida nel riquadro qui sotto.
- Scrivi nel codice: l’anteprima e l’albero DOM si aggiornano da soli.
- Bloccato? Apri il suggerimento della sfida.
Le sfide
0 sfide superate su 7
Scheda completata: 7 sfide su 7!
Ultimo passo: disegna in Excalidraw l’albero DOM della tua pagina, guardando quello qui sotto. Poi premi «Scarica il mio file».
Il codice JavaScript non viene eseguito: qui si lavora solo con HTML e CSS. Il lavoro si salva in questo browser; su un computer condiviso scaricalo prima di andare via.
Quello che si vede
L’albero DOM, dal vivo
Ogni riga è un nodo. Gli elementi sono in verde, le classi in blu, i testi tra virgolette. Nel documento completo ci sono anche html e head.