HTML bruges til at strukturere indholdet på en hjemmeside ved hjælp af en række HTML-elementer. HTML-elementer består af tags. Et tag består af < og >. Det der står imellem < og > er tag-typen. Der findes altid et start tag <tagnavn> og et slut tag </tagnavn>. Imellem disse tags kan du skrive tekst eller andet data. Den tekst eller data du indsætter mellem start-tagget og slut-tagget, vil blive behandlet i henhold til hvad tagget betyder. F.eks. betyder <h1></h1>, at du kan skrive en overskrift (heading) mellem tags´ne.
Skriver du eksempelvis <h1>Min Overskrift</h1>, har du lavet et overskrifts-element, og teksten ”Min Overskrift” vil blive vist på din hjemmeside som en overskrift. Et element kan også have tilhørende attributter, som afgør hvordan elementet skal behandles. HTML er relativt nemt at lære, da koderne ofte siger sig selv. Når du ser vores HTML video-tutorials vil du hurtigt se pointen!
Den korrekte struktur i et HTML dokument ser således ud:
<html>
<head>
<title>Sidens titel</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Beskriv denne sides indhold" />
<meta name="keywords" content="søgeord adskilt med komma" />
</head>
<body>
<-- Indhold på siden - >
</body>
</html>
Som du kan se, anvendes der allerede i selve strukturen i et HTML-dokument en masse forskellige elementer.
Lad os prøve at opsummere hvad vi har fortalt indtil nu...
- HTML bruges til at strukturere indhold på hjemmesider. Med "strukturere" menes der, at man f.eks. anviser, at "her skal der være navigation", "her skal der være et billede" osv.
- Man bruger HTML tags til at definere, hvad der skal ske med den tekst eller data der står mellem tags´ne. Et start- og slut-tag samt det der står imellem kaldes et HTML-element.
I vores video-tutorials om HTML vil du lære at skrive og bruge HTML fra bunden.
