webutviklingNybegynner

HTML og CSS-grunnkurset

Bygg din første nettside — fra tom fil til responsiv side.

Startkurset for alle som vil lage nettsider. Du lærer hvordan nettet henger sammen, skriver ekte HTML og CSS, og bygger en hel side med flexbox og grid — alt direkte i nettleseren.

Leksjoner: 10
Timer: ~2,4
Nivå: Nybegynner
Start: Gratis

Kurs-intro

32 sekunder om hva kurset er, og hvordan det fungerer.

Leses av en syntetisk stemme (Microsoft Edge TTS, norsk bokmål).

Prøv en smakebit nå

Endre teksten, trykk Kjør, og møt din første nettside. Slik starter kurset.

Trykk «Kjør» for å se resultatet.

Du skal lære

Hvordan nettet faktisk fungerer — fra URL til side på skjermen
Skrive ekte HTML: struktur, tekst, lenker og bilder
Style med CSS: farger, tekst, bokser og avstander
Bygge en hel, responsiv side med flexbox og grid

Dette kurset passer for deg

Du har aldri skrevet kode og vil bygge din første nettside — for ekte
Du har redigert Wix eller WordPress og lurer på hva som skjer under panseret
Du vil se resultatet av koden din med én gang, rett i nettleseren

Læringsstien

Fra første linje til mållinjen — slik kurset henger sammen.

Start her

Leksjonene bygger på hverandre — ta dem i rekkefølge, eller hopp til det du trenger.

1Lesing12 minNeste oppHvordan nettet fungererNettsider, nettlesere og HTML forklart uten buzzwords.Gratis
2Øvelse15 minDitt første HTML-dokumentSkriv og kjør din første side med overskrift og avsnitt.Gratis
3Øvelse15 minStruktur med meningBygg sidens skjelett med semantiske tagger som header og main.Gratis
Etter leksjon 3 tar de gratis slutt
Lås opp resten av kurset
- De neste 7 leksjonene — øvelser og quizer inkludert
- Alle andre kurs i katalogen, også de som kommer
5 kr/mnd · uten binding · si opp når som helst
4Lesing12 minTekst, lister og lenkerAlt om tekstinnhold: avsnitt, lister, lenker og utheving.
5Øvelse15 minBilder og lenker i praksisSett inn bilder, lag lenker og bind sider sammen.
6Lesing14 minCSS: farge, tekst og klasserVelgere, klasser og de første stilenkundingene dine.
7Øvelse15 minBokser og avstanderBoksmodellen: padding, margin og avrundede hjørner.
8Øvelse18 minFlexboxRydd opp i layouten med flexbox — rad, kolonne og mellomrom.
9Øvelse18 minGrid og responsivt designBygg et rutenettoppsett som tilpasser seg mobil og skjerm.
10Quiz10 minSluttest: HTML og CSSTi spørsmål om alt du har lært. Krever 80 % for å bestå.

Mållinjen

Fullfør alle leksjonene — og bruk det du kan til å bygge noe helt eget. Når du er ferdig venter «CSS-animasjoner».

Neste kurs

Se alle øvelsene i kurset, samlet