HTML er det mest udbredte markup-sprog på internettet. Internetsider overfører deres indhold i form af HTML til din browser, som læser og implementerer syntaksen. Desuden indeholder HTML oplysninger om stil, formatering eller den Søgemaskineoptimering (SEO).

Hvorfor HTML?

HTML (Hypertext Markup Language) er et såkaldt markup-sprog, som bestemmer indholdet og formen af digitale dokumenter. Ud over HTML findes der andre markup-sprog som XML og Ajax. Udmærkningssprogene udvikles og opdateres konstant til nyere versioner. I 1992 udkom den første HTML-version, efter at markup-sproget allerede var blevet foreslået tre år tidligere.

Når du bruger internettet, anvendes en række forskellige output-enheder: Skærme har ikke ensartede dimensioner, og du kan forstørre eller formindske browservinduet. En internetside bør dog altid vise indholdet på en sådan måde, at det er let genkendeligt. Derfor giver det ikke mening at rette enkelte sideelementer helt og holdent. I denne forbindelse spiller HTML en vigtig rolle i formateringen af tekster eller i placeringen af billed- og videofiler på en internetside.

Mere generelt set er HTML en formidler mellem den pågældende internetside og din webbrowser. Sproget indeholder tegn, specialtegn, formatering, links, metadata og meget mere information. Metadata er HTML-komponenter, som du ikke kan se i den normale visning af din browser. Ikke desto mindre er de afgørende for, at en Websted nyttige og bidrager f.eks. til søgemaskineoptimering.

Den grundlæggende struktur: HTML-bøjler

HTML (ligesom mange andre programmerings- og programmeringssprog) bruger parenteser til at strukturere syntaksen. HTML-parenteser følger samme princip som parenteserne i den foregående sætning: en åbnende parentes markerer begyndelsen af en enhed, mens en lukkende parentes markerer slutningen. I modsætning til normale tegnsætningstegn definerer HTML-parenteser, hvad der præcist sker med teksten mellem dem.

Hvis du f.eks. ønsker at understrege et stykke tekst, skal du bruge syntaksen "Text" (uden mellemrum i de firkantede parenteser). Hvis denne syntaks findes på en webside, kan din browser læse den og konverterer den automatisk til et understreget ord.

HTML bruges dog ikke kun til at formatere tekst på en webside. I stedet organiserer HTML hele dokumentet.

Hoved og krop i HTML-dokumenter

I begyndelsen definerer et virtuelt dokument over for browseren, hvilket markup-sprog det anvender. I HTML5 gøres dette først med specifikationen "" og derefter med parentesen "" (også her og for alle efterfølgende HTML-specifikationer: uden mellemrum mellem de firkantede parenteser). "" er en parentes, der kun åbnes og lukkes helt til sidst i dokumentet. Det er vigtigt at angive den korrekte dokumenttypedefinition. Versioner før HTML5 bruger en mere udførlig definition i stedet for "".

Dette efterfølges af dokumentets overskrift med syntaksen "". I HTML-hovedet hører metadata, sidens titel, scripts og andre byggeklodser til. Først efter alle angivelser af titlen lukker parentesen i HTML-hovedet med "".

Først derefter skrives HTML-teksten, som er markeret med "". Dokumentets brødtekst udgør hovedparten af en internetside. Den giver plads til tekster, Billeder, videofiler og andre elementer. Når alt det ønskede indhold er indsat i syntaksen, lukker du HTML-teksten med parentesen "".

Slutningen af det digitale dokument er dannet af syntaksen "", som angiver slutningen af HTML-teksten.

Almindelige HTML-elementer

(Syntaks i hvert tilfælde uden mellemrum mellem de firkantede parenteser ELLER uden mellemrum efter "&"!)

- Titel: .
- fed tekst: tekst eller tekst
- Kursiv tekst: tekst eller tekst
- understregede tekst: tekst
- Link: Beskrivelse af link
- Overskrift 1. rækkefølge:

overskrift

- Overskrift af 2. orden: underordnet overskrift
- Afsnit:

Denne tekst fylder hele afsnittet.

Dette er det andet afsnit.

- At-tegn (@): & #64; eller & commat;
- Højre pil: & #8594; eller & rarr;
- Venstre pil: & #8592; eller & larr;
- Pil op: & #8593; eller & uarr;
- Pil ned: & #8595; eller & darr
- Hjerte-symbol: & #9829; eller & hjerter;