Kort svar: HTML (HyperText Markup Language) er det sprog, der beskriver indholdet på en webside: hvad der er overskrift, afsnit, link, billede og tabel. Browseren læser HTML-koden og tegner siden ud fra den. HTML er et opmærkningssprog, ikke et programmeringssprog – det styrer struktur og betydning, mens CSS styrer udseendet, og JavaScript gør siden levende. I WordPress skriver systemet HTML’en for dig.
Kontrolgrundlag: HTML-eksemplet er gemt som fil og åbnet i en browser 1. november 2026. Priser og egenskaber på Hostious’ sider er aflæst samme dag.
Hvad er HTML? Spørgsmålet dukker op, så snart du kigger bag en hjemmeside. Trykker du på “Vis kilde” i browseren, møder du en tekst fuld af spidse parenteser som <h1> og <p>. Det er HTML. Alt indhold på nettet – fra denne artikel til din netbank – sendes til browseren som HTML, og det har det gjort siden 1991.
Dette opslag forklarer, hvad bogstaverne betyder, viser en komplet webside på tolv linjer, gennemgår grammatikken og de tags, du møder først, og viser, hvor HTML’en gemmer sig i WordPress. Til sidst får du svar på, om du selv behøver at lære det.
Hvad betyder HTML?
HTML står for HyperText Markup Language. De tre ord fortæller hver sin del af historien:
- HyperText er tekst med links i. Et link (hyperlink) binder sider sammen, og det er dét, der gør nettet til et net.
- Markup betyder opmærkning. Du markerer dele af teksten med mærker – tags – der fortæller, hvad de er: en overskrift, et afsnit, en liste.
- Language er et sprog med faste regler for, hvordan mærkerne skrives, så alle browsere forstår dem ens.
HTML blev beskrevet af Tim Berners-Lee i 1991 som en måde at dele dokumenter mellem forskere. Siden er sproget vokset gennem flere versioner. HTML5 blev færdig standard i 2014, og i dag vedligeholdes HTML som en løbende standard, som browserne følger, uden nye versionsnumre.
Det vigtigste at forstå: HTML programmerer ikke. Der er ingen beregninger, ingen betingelser og ingen løkker. HTML beskriver. Det er forskellen på at skrive “dette er en overskrift” og at skrive “hvis kunden er logget ind, så vis prisen”. Det sidste kræver et programmeringssprog.
Sådan ser HTML ud: en hel webside på 12 linjer
Herunder står en komplet webside. Gem teksten i en fil med navnet index.html, åbn filen i en browser, og du ser en side med en overskrift, et afsnit med et link og et billede.
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<title>Min første side</title>
</head>
<body>
<h1>Velkommen</h1>
<p>Dette er et afsnit med et <a href="/kontakt/">link</a>.</p>
<img src="butik.jpg" alt="Butikken set fra gaden">
</body>
</html>Hver linje har én opgave:
| Linje | Hvad den gør |
|---|---|
<!DOCTYPE html> | Fortæller browseren, at dokumentet er moderne HTML |
<html lang="da"> | Rammen om det hele – og sidens sprog, som skærmlæsere og søgemaskiner bruger |
<head> | Oplysninger om siden, der ikke vises: tegnsæt, titel og henvisninger til CSS |
<title> | Titlen i browserens faneblad og i Googles søgeresultat |
<body> | Alt det, læseren ser |
<h1>, <p>, <a>, <img> | Overskrift, afsnit, link og billede |
Læg mærke til, at filen er almindelig tekst. Du kan skrive HTML i Notesblok eller TextEdit, og du behøver ingen programmer for at se resultatet – browseren er programmet.
Tags, elementer og attributter: grammatikken
Alt i HTML er bygget af tre ting, og kender du dem, kan du læse enhver side.
Et tag er mærket i spidse parenteser. De fleste kommer i par: et starttag <p> og et sluttag </p> med en skråstreg. Det, der står imellem, er indholdet. Hele pakken – starttag, indhold og sluttag – kaldes et element.
Nogle elementer har intet indhold og derfor intet sluttag. <img> (billede), <br> (linjeskift) og <meta> (oplysning om siden) er de mest almindelige.
En attribut er en ekstra oplysning i starttagget, skrevet som navn=”værdi”. Linket <a href="/kontakt/"> har attributten href, der fortæller, hvor linket fører hen. Billedet har src (hvor filen ligger) og alt (en tekst, der beskriver billedet for skærmlæsere og søgemaskiner og vises, hvis billedet ikke kan hentes).
Elementer ligger inde i hinanden som æsker: <body> indeholder <p>, der indeholder <a>. Sluttags skal lukkes i omvendt rækkefølge – det inderste først. Glipper det, viser browseren oftest siden alligevel, fordi browsere er tilgivende. Men layoutet kan springe, og automatiske værktøjer læser siden forkert.
Obs: Fordi browsere viser sider med fejl i HTML’en, opdages fejlene sjældent ved at kigge. W3C’s gratis HTML-validator finder dem linje for linje. Kør din forside igennem én gang – det tager et minut, og resultatet fortæller tit, hvorfor et tema eller et plugin opfører sig mærkeligt.
De 15 HTML-tags, du møder først
Der findes over 100 tags, men en almindelig side er bygget af en håndfuld. Kan du disse, kan du læse 95 procent af den HTML, du støder på:
| Tag | Betyder | Bruges til |
|---|---|---|
<h1> til <h6> | Overskrifter i seks niveauer | Én h1 pr. side, h2 til afsnit, h3 til underafsnit |
<p> | Afsnit | Almindelig brødtekst |
<a> | Anker (link) | Links – med href til en adresse |
<img> | Billede | Kræver src og alt |
<ul>, <ol>, <li> | Punktliste, nummereret liste, listepunkt | Opremsninger og trin |
<table>, <tr>, <td> | Tabel, række, celle | Data i rækker og kolonner – ikke layout |
<div> | Beholder uden betydning | Grupperer elementer, så CSS kan style dem |
<span> | Beholder inde i en linje | Et enkelt ord i en anden farve |
<strong>, <em> | Vigtig tekst, fremhævet tekst | Vises som fed og kursiv |
<header>, <nav>, <main>, <footer> | Sidehoved, menu, hovedindhold, sidefod | Fortæller, hvad hver del af siden er |
<form>, <input>, <button> | Formular, felt, knap | Kontaktformular, søgning, login |
Tags som <nav> og <main> ser ikke anderledes ud end en <div>, men de har en betydning – de kaldes semantiske. En skærmlæser kan springe direkte til hovedindholdet, og en søgemaskine kan se, hvad der er menu, og hvad der er artikel. Brug derfor det tag, der beskriver indholdet, før du griber til <div>.
HTML og CSS – og JavaScript: tre sprog, tre opgaver
HTML og CSS forveksles ofte, fordi de altid optræder sammen. Arbejdsdelingen er enkel: HTML siger, hvad noget er. CSS siger, hvordan det ser ud. JavaScript siger, hvad der sker, når nogen klikker.
| Sprog | Opgave | Eksempel |
|---|---|---|
| HTML | Struktur og betydning | “Dette er en overskrift” |
| CSS | Udseende | “Overskrifter er mørkegrønne og 32 punkt” |
| JavaScript | Adfærd | “Når knappen trykkes, folder menuen ud” |
Samme HTML kan se helt forskellig ud med forskellig CSS. Det er grunden til, at et tema i WordPress kan skiftes, uden at indholdet rører sig: temaet leverer ny CSS og en ny HTML-ramme, mens teksten er den samme. Omvendt kan en side uden CSS godt læses – den ser bare ud som et dokument fra 1995.
På serveren findes et fjerde sprog. PHP bygger HTML’en, før den sendes til browseren, og WordPress er skrevet i det. Hvem der gør hvad af PHP, HTML, JavaScript og databasen, står i opslaget om hvad PHP er.
Fra HTML til skærm: hvad browseren gør
Når du skriver en adresse i browseren, sker der fire ting. Først beder browseren serveren om siden – adressens dele er forklaret i opslaget om hvad en URL er – og serveren svarer med HTML. Serveren er det webhotel, hjemmesiden ligger på.
Dernæst læser browseren HTML’en fra toppen og bygger et træ af elementer, som den kalder DOM (Document Object Model). Det er træet, CSS og JavaScript arbejder på – ikke selve tekstfilen.
Undervejs finder browseren henvisninger til CSS-filer, billeder, skrifttyper og scripts, og dem henter den også. En side med 60 billeder og 20 scripts kræver altså over 80 ekstra forespørgsler, efter HTML’en er ankommet.
Til sidst beregner browseren, hvor hvert element skal stå, og tegner siden. Mangler billederne mål i HTML’en, kender browseren ikke deres størrelse, før de er hentet, og teksten springer, når de dukker op. Den slags hop og ventetid er noget af det, en hastighedsoptimering fjerner.
HTML i WordPress: hvor koden gemmer sig
I WordPress skriver du sjældent HTML selv, men den er der hele tiden – på tre steder.
- Temaet leverer rammen: sidehoved, menu, sidebar og sidefod. Rammen er skrevet i PHP-skabeloner, der skriver HTML ud, hver gang en side bliver vist. Skifter du tema, skifter rammen. Hvordan du vælger det rigtige, står i guiden til WordPress themes.
- Indholdet ligger i databasen som HTML. Blokeditoren gemmer hver blok med en kommentar omkring, så den kan læse den igen:
<!-- wp:paragraph -->
<p>Dette afsnit er gemt som HTML i databasen.</p>
<!-- /wp:paragraph -->Du kan se og rette HTML’en bag en enkelt blok med menupunktet “Rediger som HTML” i blokkens menu, eller skifte hele indlægget til kodevisning under de tre prikker øverst til højre. Blokken “Brugerdefineret HTML” er stedet, hvor du indsætter et stykke kode fra en tredjepart – en kortvisning eller en tilmeldingsformular – uden at WordPress rører ved det.
- Plugins og sidebyggere tilføjer HTML. En sidebygger ombryder ofte hvert element i flere lag af
<div>, og det er grunden til, at samme side kan fylde flere gange så meget HTML i én bygger som i en anden. Hvad et plugin kan gøre ved en side, står i opslaget om hvad et plugin er, og et konkret eksempel på en sidebyggers aftryk står i artiklen om Elementor til WordPress.
Vigtigt: Ret aldrig HTML direkte i temaets filer på et site, der er i drift. En manglende parentes giver en hvid skærm, og næste temaopdatering sletter ændringen. Brug et child theme, og test på en kopi først – staging er med i WordPress hosting fra WP StartUp til 89 kr./md. ekskl. moms.
Hvad HTML betyder for Google og for hastigheden
Google ser ikke din side som et billede. Den læser HTML’en. Derfor afgør få tags, hvordan siden forstås:
<title>og metabeskrivelsen i<head>bliver overskrift og tekst i søgeresultatet.- Én
<h1>og en ordentlig rækkefølge af<h2>og<h3>viser, hvad siden handler om, og hvordan den er delt op. - alt-tekster på billeder er det eneste, Google med sikkerhed “ser” i et billede.
lang="da"fortæller, at siden er dansk, så den vises for danske søgninger.- Struktureret data – en blok JSON inde i et
<script>-tag – giver søgemaskinen fakta om siden, fx spørgsmål og svar.
I WordPress sætter et SEO-plugin titlen, beskrivelsen og den strukturerede data for dig; selve begreberne er forklaret i opslaget om hvad SEO er.
For hastigheden tæller to ting. Den første er, hvor hurtigt serveren sender HTML’en: alt andet venter på den. En server, der leverer færdig HTML fra cache, svarer på få millisekunder, hvor en server, der skal bygge siden med PHP og database først, bruger hundreder. Det er dét, LiteSpeed-cachen hos Hostious gør på alle WordPress-planer fra 39 kr./md. ekskl. moms. Den anden er HTML’ens størrelse. Tekst komprimeres godt, så en komprimeret HTML-fil fylder typisk en fjerdedel eller mindre af den rå tekst, men browseren skal stadig læse og bygge hvert eneste element.
Skal du selv lære HTML?
Nej – ikke for at have en hjemmeside. Et CMS som WordPress skriver HTML’en, og en bygget hjemmeside leveres færdig. Men en times kendskab til de 15 tags ovenfor betaler sig i tre situationer:
- Du kan rette små ting selv: et link, der mangler en skråstreg, et billede uden alt-tekst, en overskrift, der er sat som fed tekst i stedet for h2.
- Du forstår, hvad udvikleren eller supporten siger, når de taler om head, body og div.
- Du kan læse “Vis kilde” på en side, du ikke stoler på, og se, hvor links og formularer faktisk fører hen.
Vil du videre, er CSS det naturlige næste skridt, og derefter JavaScript. Men rækkefølgen er vigtig: HTML først, fordi de to andre arbejder på det, HTML’en har bygget.
Vil du have en hjemmeside uden selv at røre koden? Hostious designer og bygger din WordPress hjemmeside for 5.499 kr. ekskl. moms – design efter dit brand, installation, mobilvenligt layout og et teknisk fundament for hastighed og SEO. Bagefter retter du selv tekster og billeder i WordPress. Hostingen vælger du separat, fx WordPress hosting fra 39 kr./md. ekskl. moms med gratis SSL, daglig backup og dansk support døgnet rundt.
Læs også
- Hub: Hosting-ordbogen
- Hvad er PHP? Sproget, dit WordPress-site kører på
- Hvad er en URL? Webadressen forklaret led for led
- Hvad er WordPress? Forklaring, pris og hvad du kan bruge det til
- Hvad er et CMS? Content management system forklaret for begyndere
- WordPress themes: sådan vælger og installerer du det rigtige tema
- WordPress hjemmeside hos Hostious – bygget efter dit brand for 5.499 kr. ekskl. moms
Ofte stillede spørgsmål om HTML
Hvad betyder HTML?
HTML betyder HyperText Markup Language: et opmærkningssprog til tekst med links. Med tags som <h1> og <p> markerer du, hvad hver del af en webside er, og browseren viser siden ud fra det.
Er HTML et programmeringssprog?
Nej. HTML beskriver struktur og indhold, men kan ikke regne, træffe valg eller gentage noget. Det kræver et programmeringssprog som JavaScript i browseren eller PHP på serveren. Derfor siger man, at man skriver HTML – ikke programmerer det.
Hvad er forskellen på HTML og CSS?
HTML bestemmer, hvad noget er – en overskrift, et afsnit, et billede. CSS bestemmer, hvordan det ser ud – farve, skrift, størrelse og placering. Samme HTML kan skifte udseende fuldstændigt, blot CSS’en skiftes, hvilket er det, der sker, når du skifter tema i WordPress.
Hvordan ser jeg HTML’en på en hjemmeside?
Højreklik på siden og vælg “Vis sidens kilde”, eller tryk Ctrl+U (Cmd+Option+U på Mac). Vil du se HTML’en, som browseren har bygget den efter CSS og JavaScript, så vælg “Undersøg” i stedet – det åbner udviklerværktøjerne med elementtræet.
Hvad er HTML5?
HTML5 er den femte store version af HTML, færdig som standard i 2014. Den tilføjede semantiske tags som <header>, <nav> og <main>, indbygget video og lyd og bedre formularfelter. I dag vedligeholdes HTML som én løbende standard, så “HTML5” bruges i praksis om moderne HTML generelt.
Hvem kan hjælpe med en hjemmeside, hvis jeg ikke kan HTML?
Hostious bygger WordPress hjemmesider for 5.499 kr. ekskl. moms, så du slipper for koden og selv kan rette tekster og billeder bagefter. Hosting med gratis SSL, daglig backup og dansk support døgnet rundt fås fra 39 kr./md. ekskl. moms, og vi flytter en eksisterende side gratis.
Udgivet 1. november 2026Opdateret 1. november 2026