HTML Academy logo
HTMLBegynderWebNiveauer A1 → C122 sprog

HTML Academy

Skab et stærkt fundament i webudvikling ved at lære HTML hos HTML Academy. Et læringsforløb på CoddyKit med 40 korte kurser og 159 interaktive lektioner – med en AI-vejleder ved din side døgnet rundt.

Kurser
40
Lektioner
159
Interaktive trin
2,096
Gratis at komme i gang
Kursus 1
Kursusindhold

40 kurser på denne sti

Alle kurser på HTML Academy-stien i læringsrækkefølge. Det første kursus er gratis.

1

A13 lektionerGratis

Lær, hvordan browsere parser HTML, hvad DOCTYPE gør, og hvordan html-, head- og body-elementerne organiserer enhver webside.

2

A14 lektionerPRO

Mestér overskrifter, afsnit, fremhævelse, inline-elementer og styring af mellemrum med HTML-tags til tekst.

3

A14 lektionerPRO

Opbyg navigation med ankerelementer, absolutte og relative URL'er, links der åbner i nye faner, og fragmentidentifikatorer.

4

A14 lektionerPRO

Vis billeder responsivt med img, srcset, picture-elementet og semantiske billedtekster med figure.

5

A14 lektionerPRO

Opret uordnede, ordnede lister og beskrivelseslister med korrekt indlejring og semantisk betydning.

6

A24 lektionerPRO

Opbyg tilgængelige datatabeller med korrekt struktur, celler der spænder over flere kolonner eller rækker, og tabelsektioner.

7

A24 lektionerPRO

Forstå id, class, style, hidden, tabindex og brugerdefinerede data-*-attributter, der bruges på tværs af alle HTML-elementer.

8

A24 lektionerPRO

Opbyg tilgængelige webformularer med inputtyper, labels, knapper samt form-elementets action- og method-attributter.

9

A24 lektionerPRO

Udvid formularer med dropdowns, textareas, checkbox-grupper, radioknapper og autocomplete med datalist.

10

A24 lektionerPRO

Brug HTML5-valideringsattributter som required, pattern, min og max til at validere brugerinput før afsendelse.

11

A24 lektionerPRO

Erstat generiske div-elementer med meningsfulde HTML5-elementer som header, nav, main, footer, article og section.

12

A24 lektionerPRO

Udforsk aside, details, summary, progress og meter for at tilføre sider mere betydning og interaktivitet.

13

A24 lektionerPRO

Mestér head-sektionen: title, meta-tags, viewport, kanoniske URL'er, robots-direktiver og favicons.

14

A24 lektionerPRO

Integrér audio og video indbygget med HTML5, tilbyd flere formater, og tilføj undertekster med track og WebVTT.

15

B14 lektionerPRO

Forstå WCAG-niveauer, overskriftshierarki, strategier for alt-tekst og tastaturnavigation til inkluderende websider.

16

B14 lektionerPRO

Forbedr tilgængeligheden med ARIA-roller, labels og beskrivelser, og følg reglen om at bruge indbygget HTML først.

17

B14 lektionerPRO

Gem og tilgå brugerdefinerede metadata på HTML-elementer med data-*-attributter, dataset-API'en og CSS-selektorer.

18

B14 lektionerPRO

Brug template-elementet til at definere inaktiv markup, klon det effektivt, og sammenlign det med rendering baseret på innerHTML.

19

B14 lektionerPRO

Tegn figurer, tekst og billeder på et 2D-canvas, og animér dem med requestAnimationFrame.

20

B14 lektionerPRO

Integrér skalerbar vektorgrafik inline, brug grundlæggende figurer, styr viewBox, og animér SVG med CSS.

21

B14 lektionerPRO

Indlejr eksternt indhold med iframe, forstå sandboxing af hensyn til sikkerheden, og brug lazy loading for bedre ydeevne.

22

B14 lektionerPRO

Gem data på klientsiden med localStorage og sessionStorage, lyt efter storage-events, og følg sikkerhedsretningslinjerne.

23

B14 lektionerPRO

Implementér drag-and-drop-interaktioner med HTML5 Drag and Drop API og dataTransfer-objektet.

24

B14 lektionerPRO

Optimér sider til søgemaskiner og deling på sociale medier med OpenGraph, Twitter Cards, JSON-LD og hreflang.

25

B14 lektionerPRO

Opbyg HTML, der fungerer i e-mails, med tabelbaserede layout, inline styles og billedteknikker på tværs af klienter.

26

B24 lektionerPRO

Implementér mønstre for toggles, fanegrænseflader og liveområder, og test med rigtige skærmlæsere.

27

B24 lektionerPRO

Gør sideindlæsninger hurtigere med async- og defer-scripts, preload-hints, lazy-loaded billeder og ressourcehints.

28

B24 lektionerPRO

Definér genanvendelige brugerdefinerede HTML-elementer med Custom Elements API, lifecycle-callbacks og observerede attributter.

29

B24 lektionerPRO

Indkapsl markup og styles i Shadow DOM, distribuér indhold med slots, og eksponér styling-API'er med part.

30

B24 lektionerPRO

Brug ES-modulscripts, import maps til bare specifiers, dynamiske imports og koncepter fra module federation.

31

B24 lektionerPRO

Opbyg med progressive enhancement: begynd med solid HTML, læg CSS og JavaScript ovenpå, og registrér funktioner korrekt.

32

B24 lektionerPRO

Gør HTML klar til et globalt publikum med lang, dir, bdi, bdo, charset og understøttelse af højre-til-venstre-tekst.

33

B24 lektionerPRO

Beskyt sider mod XSS, clickjacking og injection med CSP, sandboxing, SRI og sikker håndtering af HTML.

34

B24 lektionerPRO

Udnyt FormData, Constraint Validation API, tilpassede valideringsmeddelelser og håndtering af formularstatus.

35

B24 lektionerPRO

Håndtér browserhistorikken med pushState, popstate-hændelser og den moderne Navigation API til SPA-routing.

36

B24 lektionerPRO

Brug IntersectionObserver til at implementere lazy loading, uendelig rulning og udløsere til rulningskoblede animationer.

37

B24 lektionerPRO

Konfigurér progressive webapps med webapp-manifestet, registrering af service workers og offline-fallbacksider.

38

B24 lektionerPRO

Validér markup med W3C Validator, gennemgå HTML med Lighthouse, og test tilgængelighed med pa11y og axe.

39

B24 lektionerPRO

Få et indblik i nye HTML-funktioner: Declarative Shadow DOM, Popover API, selectlist og command-attributter.

40

C14 lektionerPRO

Håndtér HTML i store projekter med komponentudtræk, server-side-skabeloner, designsystemer og dokumentation af stilguides.

CoddyKit PRO

Lås op for alle 40 kurser på denne sti og alle kurser på alle andre stier

AI-vejleder, certificeringseksamen og certifikat. Fungerer på web, iOS og Android.

Se alle abonnementer
Årligt$29.90 / årCa. $2.49 om månedenBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for altid.
Kursusoversigt

HTML: Sproget bag alle websider

HTML er webbets strukturelle fundament — hver browserfane, formularindsendelse og indlejrede video begynder med opmærkning. Dette forløb giver dig et solidt greb om HTML, fra reglerne for et gyldigt dokument til de browser-API'er og komponentmodeller, der bruges på moderne produktionswebsteder. Målet er ikke bare at skrive tags, men at forstå, hvorfor hvert element findes, og hvad det fortæller browsere, hjælpemidler og søgemaskiner.

Det lærer du

Du begynder med dokumentstruktur, tekstindhold, links, billeder og lister og går derefter videre til tabeller, formularer og attributter til formularvalidering. Forløbet dækker semantiske HTML5-elementer, <head> og metadata, lyd og video samt grundlæggende tilgængelighed, herunder ARIA-roller og -attributter. Senere kurser omhandler tilpassede dataattributter, HTML-skabeloner, Canvas- og SVG-elementerne, Web Storage, Drag and Drop API, SEO og sociale metatags samt HTML-skabeloner til e-mails. De avancerede afsnit går i dybden med Shadow DOM, Web Components og tilpassede elementer, HTML-moduler og import maps, progressiv forbedring, internationalisering, sikkerhed, History and Navigation API, Intersection Observer og opbygning af HTML til progressive webapps.

Læringsforløbet

Fyrre kurser bevæger sig fra A1 gennem A2 og B1 til B2 og afsluttes med et C1-afslutningsprojekt om HTML i stor skala. A1- og A2-kurserne etablerer det grundlæggende — dokumentstruktur, semantiske elementer, formularer og metadata. B1 introducerer tilgængelighed, ARIA, Canvas, SVG og browserlagring. B2 er den største blok og dækker Web Components, Shadow DOM, ydeevne, sikkerhed, internationalisering og Intersection Observer. Det afsluttende C1-kursus, HTML i stor skala, omhandler de mønstre og begrænsninger, der er vigtige, når HTML skrives, testes og vedligeholdes på tværs af store kodebaser.

Sådan fungerer det

Hvert kursus er opdelt i korte, praktiske lektioner, som du gennemfører i den indbyggede kodeeditor med feedback i realtid. Du kan få hjælp af en AI-underviser, når du går i stå, og du bevæger dig frem i dit eget tempo — hver lektion står alene, så du senere kan vende tilbage til et emne som opslagsværk.

Sådan lærer du

  1. 01

    Interaktive lektioner

    Praktiske kodeøvelser med feedback i realtid

  2. 02

    AI-underviser

    Få øjeblikkelig hjælp fra vores AI, når du sidder fast

  3. 03

    Indbygget editor

    Skriv og kør kode direkte i din browser

  4. 04

    Certifikat

    Få et certifikat, når du gennemfører kurset

Ofte stillede spørgsmål

Ofte stillede spørgsmål

Er HTML Academy-kurset gratis?

Ja. Du kan begynde på HTML Academy-kurset gratis og gennemføre de interaktive lektioner uden omkostninger. Et valgfrit PRO-abonnement giver adgang til avancerede AI-værktøjer og et certifikat, der kan deles.

Skal jeg have erfaring på forhånd for at lære HTML?

Nej. Kurset begynder med det grundlæggende og bevæger sig gradvist videre til mere avancerede emner, så du kan starte uden tidligere erfaring med HTML.

Hvordan lærer jeg HTML på CoddyKit?

Du lærer ved at øve dig. Korte interaktive lektioner kombinerer en tydelig forklaring med en praktisk kodeøvelse, der kører i realtid, og en AI-vejleder, der er tilgængelig døgnet rundt, hjælper dig personligt, når du sidder fast.

Får jeg et certifikat, når jeg gennemfører HTML Academy?

Ja. PRO-brugere kan tage en eksamen og få et certifikat for gennemførelse af HTML Academy-kurset, som kan deles og indeholder en verificerbar kode.

Kan jeg lære HTML på min telefon?

Ja. CoddyKit er tilgængeligt på nettet og som indbyggede iOS- og Android-apps, så du kan lære HTML på enhver enhed, og dine fremskridt synkroniseres på tværs af dem.

Hvad koster CoddyKit PRO?

Det første kursus på HTML Academy-stien er gratis. CoddyKit PRO giver adgang til alle kurser: $5.90 om ugen, $7.90 om måneden, $29.90 om året eller $69.99 én gang for livstidsadgang uden fornyelser.

Hvor lang tid tager det at gennemføre HTML Academy?

HTML Academy har 40 kurser og 159 lektioner. De fleste lektioner tager cirka 5–10 minutter, så hele stien kræver omkring 19 timers praktisk øvelse i dit eget tempo.

Start på HTML Academy nu

Slut dig til tusindvis af kursister, der mestrer programmering med AI-drevne lektioner.