Inspirationsbank

Lær HTML ved at forbedre AI-kode

Fag/retning: Informatik B

Udfordringen
Det kan være svært at komme i gang med HTML, når eleverne møder en tom kodefil og skal skabe et færdigt produkt fra bunden. Hvordan kan AI give eleverne en lettere indgang til kodning – uden at AI overtager læringen?

Løsningen
I stedet for at starte fra en blank HTML-fil bruger eleverne AI til at generere et første udkast til et professionelt nyhedsbrev. De trækker derefter koden ind i phcode.dev, hvor de selv skal forstå, redigere og videreudvikle den med fx indhold, links, billeder og design.

Forløbet bygger på et Modify-Create-princip: Eleverne starter med at modificere et AI-genereret produkt og får dermed hurtigt noget konkret og visuelt at arbejde med. Senere skal de bruge deres nye forståelse til selv at skabe HTML fra bunden.

Sådan gik det
Eleverne var gode til at få AI til at skabe professionelle udkast og efterfølgende tilpasse dem. Ifølge underviseren gav arbejdet en rigtig god forståelse af HTML og fungerede godt som optakt til et forløb, hvor eleverne selv skal kode fra bunden.

Sådan gør du
Lad AI generere et første HTML-produkt, som eleverne skal undersøge og forbedre. Opgaven er ikke blot at få koden til at virke, men at forstå, hvad der skal ændres for at skabe det ønskede resultat.

Udviklet af: hso@eucnordvest.dk (skrevet i september 2026).
Del af projektet: AI på ungdomsuddannelserne. Find flere AI-idéer her.