HTML

HTML blev først udviklet af Tim Berners-Lee i 1990 og er en forkortelse for Hypertext Markup Language. HTML bruges til at oprette elektroniske dokumenter (kaldte sider), der vises på World Wide Web. Hver side indeholder en række forbindelser til andre sider kaldet hyperlinks. Hver webside, du ser på Internettet, er skrevet ved hjælp af en version af HTML-kode eller en anden.

HTML-kode sikrer korrekt formatering af tekst og billeder til din internetbrowser. Uden HTML ville en browser ikke vide, hvordan man viser tekst som elementer eller indlæser billeder eller andre elementer. HTML giver også en grundlæggende struktur på siden, hvorpå Cascading Style Sheets er lagt på for at ændre dens udseende. Man kunne tænke på HTML som knogler (struktur) på en webside, og CSS som dens hud (udseende).

Hvordan ser et HTML-tag ud?

Som det kan ses i HTML-tageksemplet ovenfor, er der ikke mange komponenter. De fleste HTML-tags har et åbningskode, der indeholder tagnavnet, tagattributter, et lukningskode, der indeholder et skråstreg, og tagnavnet lukkes. For tags, der ikke har et lukningskode som, er det bedste praksis at afslutte tagget med et skråstreg.

De fleste tags findes i mindre end og større end vinkelbeslag, og alt mellem det åbne og lukke tag vises eller påvirkes af tagget. I eksemplet ovenfor opretter thetag et link kaldet "Computer Hope", der peger på filen hope.html.

Tip

Se vores HTML- og Web Design-hjælpeside for en komplet oversigt over HTML-tags.

Hvordan ser HTML ud?

Nedenfor er et eksempel på en grundlæggende webside skrevet i HTML med en beskrivelse af hvert afsnit og dens funktion.

Eksempel side

Dette er en overskrift

Dette er et eksempel på en grundlæggende HTML-side.

Boksen ovenfor indeholder de vigtigste ingredienser til en grundlæggende webside. Hver af linjerne er forklaret nedenfor mere detaljeret.

DOCTYPE-linjen beskriver, hvilken version af HTML siden blev skrevet i, så en internetbrowser kan fortolke den følgende tekst.
Theopening-tag lader browseren vide, at den læser HTML-kode.
Afhandling indeholder oplysninger om siden, f.eks. Dens titel, metatags, og hvor CSS-filen skal findes.
Afhandling indeholder alt, hvad der kan ses i browseren. For eksempel er al den tekst, der ses her, indeholdt i kropskoder.
Det
tag er den synlige overskrift på siden.
Det

tag er et afsnit af tekst. De fleste websider (som denne) har flere afsnitskoder.
Indeholdt i afsnittet er det mærke, der udtrykker ordeksemplet i afsnittet.
Endelig indpakkes de afsluttende tags hver af de ovenstående tags.

Se vores HTML- og Web Design-hjælp for en komplet liste over HTML-tags.

Hvad er HTML5?

HTML5 er den opdatering, der er foretaget til HTML fra HTML4 (XHTML følger en anden version af nummereringsplanen). Det bruger de samme grundlæggende regler som HTML4, men tilføjer nogle nye tags og attributter, der giver mulighed for bedre semantik og for dynamiske elementer, der aktiveres ved hjælp af JavaScript. Nye elementer inkluderer:,,,,,,,,,

,,,,,,,,,,,,,, og. Der er også nye inputtyper til formularer, der inkluderer tel, søgning, url, e-mail, datetime, dato, måned, uge, tid, datetime-local, nummer, rækkevidde og farve.

Med den stigende bevægelse for at holde struktur og stil adskilt, blev nogle stylingelementer fjernet sammen med dem, der havde problemer med tilgængelighed eller så meget lidt brug. Disse følgende elementer skal ikke længere bruges i HTML-kode:,,,,,,,,,, og. HTML5 forenkler også doktypedeklarationen til tagget i det følgende felt.

Hvordan ser HTML5 ud?

Som vist nedenfor ligner HTML5-koden meget det tidligere HTML4-eksempel, men er renere og har et revideret doctype-tag.

Eksempel side

Dette er en overskrift

Dette er et eksempel på en grundlæggende HTML-side.

Sådan opretter og ser du HTML

Da HTML er et markeringssprog, kan det oprettes og vises i en hvilken som helst teksteditor, så længe det gemmes med en .htm- eller .html -filtypenavn. De fleste finder det imidlertid lettere at designe og oprette websider i HTML ved hjælp af en HTML-editor.

Når HTML-filen er oprettet, kan den ses lokalt eller uploades til en webserver, så den kan ses online ved hjælp af en browser.

Hvilke filtypenavne bruges med HTML?

HTML-filer bruger enten.htm- eller.html-filtypenavnet. Ældre versioner af Windows (Windows 3.x) tillader kun filtypenavler med tre bogstaver, så de brugte.htm i stedet for.html. Begge filtypenavne har imidlertid den samme betydning, og begge kan bruges i dag. Når det er sagt, anbefaler vi at holde os til den ene navnekonvention, da visse webservere muligvis foretrækker den ene udvidelse frem for den anden.

Bemærk

Websider, der oprettes ved hjælp af et scriptingsprog som Perl, PHP eller Python, har en anden udvidelse, selvom de kun viser HTML i kildekoden.

Er HTML et programmeringssprog?

Nej. HTML er ikke et programmeringssprog; det er et markup-sprog. Se vores markup-sprogside for en sammenligning mellem et programmeringssprog og et markup-sprog.