HTML Academy logo
HTMLNybegynnerNettNivåer A1 → C122 språk

HTML Academy

Bygg et solid grunnlag i webutvikling ved å lære HTML hos HTML Academy. En læringssti fra CoddyKit med 40 korte kurs og 159 interaktive leksjoner, med en AI-veileder tilgjengelig døgnet rundt.

Kurs
40
Leksjoner
159
Interaktive trinn
2,096
Gratis å komme i gang
Kurs 1
Kursinnhold

40 kurs i denne læringsstien

Alle kursene i læringsstien HTML Academy, i læringsrekkefølge. Det første er gratis.

1

A13 leksjonerGratis

Lær hvordan nettlesere tolker HTML, hva DOCTYPE gjør, og hvordan html-, head- og body-elementene organiserer alle nettsider.

2

A14 leksjonerPRO

Bli fortrolig med overskrifter, avsnitt, fremheving, innebygde elementer og kontroll av mellomrom med HTML-teksttagger.

3

A14 leksjonerPRO

Bygg navigasjon med ankerelementer, absolutte og relative URL-er, lenker som åpnes i nye faner, og fragmentidentifikatorer.

4

A14 leksjonerPRO

Vis bilder responsivt med img, srcset, picture-elementet og semantiske figurtekster.

5

A14 leksjonerPRO

Lag usorterte, sorterte og beskrivelseslister med riktig nøsting og semantisk betydning.

6

A24 leksjonerPRO

Bygg tilgjengelige datatabeller med riktig struktur, celler som går over flere kolonner eller rader, og tabellseksjoner.

7

A24 leksjonerPRO

Forstå id-, class-, style-, hidden-, tabindex- og egendefinerte data-*-attributter som brukes på tvers av alle HTML-elementer.

8

A24 leksjonerPRO

Bygg tilgjengelige nettskjemaer med inndatatyper, etiketter, knapper og action- og method-attributtene til form-elementet.

9

A24 leksjonerPRO

Forbedre skjemaer med rullegardinlister, tekstområder, avmerkingsboksgrupper, alternativknapper og autofullføring med datalist.

10

A24 leksjonerPRO

Bruk HTML5-valideringsattributter som required, pattern, min og max til å validere brukerinndata før innsending.

11

A24 leksjonerPRO

Bytt ut generiske div-elementer med meningsfulle HTML5-elementer som header, nav, main, footer, article og section.

12

A24 leksjonerPRO

Utforsk aside, details, summary, progress og meter for å gi sider rikere betydning og interaktivitet.

13

A24 leksjonerPRO

Bli fortrolig med head-seksjonen: title, meta-tagger, viewport, kanoniske URL-er, robots-direktiver og favikoner.

14

A24 leksjonerPRO

Bygg inn lyd og video direkte med HTML5, tilby flere formater, og legg til undertekster med track og WebVTT.

15

B14 leksjonerPRO

Forstå WCAG-nivåer, overskriftshierarki, strategi for alternativ tekst og tastaturnavigasjon for inkluderende nettsider.

16

B14 leksjonerPRO

Forbedre tilgjengeligheten med ARIA-roller, etiketter og beskrivelser, og følg regelen om å bruke innebygd HTML først.

17

B14 leksjonerPRO

Lagre og hent egendefinerte metadata på HTML-elementer med data-*-attributter, dataset-API-et og CSS-selektorer.

18

B14 leksjonerPRO

Bruk template-elementet til å definere inaktiv oppmerking, klon det effektivt, og sammenlign det med gjengivelse basert på innerHTML.

19

B14 leksjonerPRO

Tegn former, tekst og bilder på et 2D-canvas, og animer dem med requestAnimationFrame.

20

B14 leksjonerPRO

Bygg inn skalerbar vektorgrafikk direkte i dokumentet, bruk grunnleggende former, styr viewBox, og animer SVG med CSS.

21

B14 leksjonerPRO

Bygg inn eksternt innhold med iframe, forstå sandboxing av sikkerhetshensyn, og bruk lazy loading for bedre ytelse.

22

B14 leksjonerPRO

Lagre data på klientsiden med localStorage og sessionStorage, lytt etter storage-hendelser, og følg retningslinjer for sikkerhet.

23

B14 leksjonerPRO

Implementer dra-og-slipp-interaksjoner med HTML5 Drag and Drop API og dataTransfer-objektet.

24

B14 leksjonerPRO

Optimaliser sider for søkemotorer og deling i sosiale medier med OpenGraph, Twitter Cards, JSON-LD og hreflang.

25

B14 leksjonerPRO

Bygg HTML som fungerer i e-post med tabellbaserte oppsett, innebygde stiler og bildeteknikker som fungerer på tvers av klienter.

26

B24 leksjonerPRO

Implementer mønstre for veksling, fanegrensesnitt og dynamiske regioner, og test med ekte skjermlesere.

27

B24 leksjonerPRO

Få sider til å lastes raskere med async- og defer-skript, preload-hint, bilder med lazy loading og ressurs-hint.

28

B24 leksjonerPRO

Definer gjenbrukbare egendefinerte HTML-elementer med Custom Elements API, livssyklustilbakekall og observerte attributter.

29

B24 leksjonerPRO

Kapsle inn oppmerking og stiler i Shadow DOM, fordel innhold med slots, og eksponer API-er for styling med part.

30

B24 leksjonerPRO

Bruk ES-modulskript, import maps for bare specifiers, dynamiske importer og konsepter fra module federation.

31

B24 leksjonerPRO

Bygg med progressiv forbedring: start med solid HTML, legg på CSS og JavaScript, og oppdag funksjoner på riktig måte.

32

B24 leksjonerPRO

Gjør HTML klar for et globalt publikum med lang, dir, bdi, bdo, charset og støtte for tekst fra høyre mot venstre.

33

B24 leksjonerPRO

Beskytt sider mot XSS, clickjacking og injeksjon med CSP, sandboxing, SRI og trygg håndtering av HTML.

34

B24 leksjonerPRO

Utnytt FormData, Constraint Validation API, egendefinerte valideringsmeldinger og håndtering av skjematilstand.

35

B24 leksjonerPRO

Håndter nettleserhistorikk med pushState, popstate-hendelser og det moderne Navigation API-et for SPA-ruting.

36

B24 leksjonerPRO

Bruk IntersectionObserver til å implementere lazy loading, uendelig rulling og utløsere for rullingsknyttede animasjoner.

37

B24 leksjonerPRO

Konfigurer progressive webapper med webappmanifestet, registrering av service worker og sider som vises uten nett.

38

B24 leksjonerPRO

Valider markup med W3C Validator, kontroller HTML med Lighthouse og test tilgjengelighet med pa11y og axe.

39

B24 leksjonerPRO

Få en forsmak på nye HTML-funksjoner: Declarative Shadow DOM, Popover API, selectlist og command-attributter.

40

C14 leksjonerPRO

Håndter HTML i store prosjekter med uttrekking av komponenter, maler på serversiden, designsystemer og dokumentasjon i stilguider.

CoddyKit PRO

Lås opp alle 40 kursene i denne læringsstien og alle andre læringsstier

AI-veileder, sertifiseringseksamen og sertifikat. Fungerer på web, iOS og Android.

Se alle abonnementene
Årlig$29.90 / årOmtrent $2.49 per månedBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for alltid.
Kursoversikt

HTML: Språket bak hver eneste nettside

HTML er det strukturelle grunnlaget for nettet – hver nettleserfane, skjemainnsending og innebygde video starter med oppmerking. Dette læringsløpet gir Dem grundig forståelse av HTML, fra reglene for et gyldig dokument til nettleser-API-er og komponentmodeller som brukes på moderne nettsteder i produksjon. Målet er ikke bare å skrive tagger, men å forstå hvorfor hvert element finnes, og hva det signaliserer til nettlesere, hjelpeteknologier og søkemotorer.

Dette vil De lære

De begynner med dokumentstruktur, tekstinnhold, lenker, bilder og lister, før De går videre til tabeller, skjemaer og attributter for skjemavalidering. Læringsløpet dekker semantiske HTML5-elementer, <head> og metadata, lyd og video samt grunnleggende tilgjengelighet, inkludert ARIA-roller og -attributter. Senere kurs tar for seg egendefinerte dataattributter, HTML-maler, Canvas- og SVG-elementene, Web Storage, Drag and Drop API, SEO- og sosiale metatagger samt HTML-maler for e-post. Avanserte deler går inn på Shadow DOM, Web Components og egendefinerte elementer, HTML-moduler og import maps, progressiv forbedring, internasjonalisering, sikkerhet, History and Navigation API, Intersection Observer og bygging av HTML for Progressive Web Apps.

Læringsløpet

Førti kurs går fra A1 via A2 og B1 til B2, og avsluttes med et C1-avsluttende prosjekt om HTML i stor skala. A1- og A2-kursene etablerer det grunnleggende – dokumentstruktur, semantiske elementer, skjemaer og metadata. B1 introduserer tilgjengelighet, ARIA, Canvas, SVG og lagring i nettleseren. B2 er den største delen og dekker Web Components, Shadow DOM, ytelse, sikkerhet, internasjonalisering og Intersection Observer. Det siste C1-kurset, HTML at Scale, tar for seg mønstre og begrensninger som er viktige når HTML skrives, testes og vedlikeholdes på tvers av store kodebaser.

Slik fungerer det

Hvert kurs er delt inn i korte, praktiske leksjoner som De fullfører i det innebygde kodeverktøyet med tilbakemeldinger i sanntid. En AI-veileder er tilgjengelig når De står fast, og De går frem i Deres eget tempo – hver leksjon står for seg selv, slik at De kan gå tilbake til et emne som oppslagsverk senere.

Slik lærer du

  1. 01

    Interaktive leksjoner

    Praktiske kodeøvelser med tilbakemelding i sanntid

  2. 02

    AI-veileder

    Få øyeblikkelig hjelp fra AI-en vår når du står fast

  3. 03

    Innebygd kodeeditor

    Skriv og kjør kode direkte i nettleseren

  4. 04

    Sertifikat

    Få et sertifikat når du fullfører kurset

FAQ

Ofte stilte spørsmål

Er kurset i HTML Academy gratis?

Ja. Du kan starte på kurset i HTML Academy gratis og fullføre de interaktive leksjonene uten kostnad. Et valgfritt PRO-abonnement låser opp avanserte AI-verktøy og et delbart sertifikat.

Trenger jeg tidligere erfaring for å lære HTML?

Nei. Kurset begynner med det grunnleggende og går gradvis videre til mer avanserte emner, slik at du kan starte selv uten tidligere erfaring med HTML.

Hvordan lærer jeg HTML på CoddyKit?

Du lærer gjennom praksis. Korte, interaktive leksjoner kombinerer en tydelig forklaring med en praktisk kodeøvelse som kjører i sanntid, og en AI-veileder som er tilgjengelig døgnet rundt, gir deg personlig hjelp når du står fast.

Får jeg et sertifikat når jeg fullfører HTML Academy?

Ja. PRO-brukere kan ta en eksamen og få et delbart fullføringssertifikat med en verifiserbar kode for kurset i HTML Academy.

Kan jeg lære HTML på telefonen?

Ja. CoddyKit er tilgjengelig på nettet og som native iOS- og Android-apper, slik at du kan lære HTML på alle enheter, mens fremdriften synkroniseres mellom dem.

Hvor mye koster CoddyKit PRO?

Det første kurset i HTML Academy er gratis. CoddyKit PRO gir tilgang til alle kurs: $5.90 per uke, $7.90 per måned, $29.90 per år eller $69.99 én gang for tilgang på livstid uten fornyelser.

Hvor lang tid tar det å fullføre HTML Academy?

HTML Academy består av 40 kurs og 159 leksjoner. De fleste leksjonene tar omtrent 5–10 minutter, så hele læringsstien tar rundt 19 timer med praktisk øving i eget tempo.

Start på HTML Academy nå

Bli med tusenvis av elever som lærer programmering med AI-drevne leksjoner.