Template Struktur

Fra Holstebro HTX Wiki
Version fra 23. okt. 2025, 07:40 af Bar (diskussion | bidrag) Bar (diskussion | bidrag)
(forskel) ←Ældre version | Nuværende version (forskel) | Nyere version → (forskel)
Spring til navigation Spring til søgning

Den overordnede struktur i et HTML-dokument er et HTML-tag, der indeholder et HEAD-tag og et BODY-tag, hvor BODY-tagget indeholder alt det synlige på siden.

Herunder er angivet HEAD-tagget og de resterende rammer - uden indholdet i BODY-tagget. HEAD-tagget starter med et TITLE-tag, som angiver det der står i fanebladet, på browseren. De næste 3 linjer angiver nogle tekniske detaljer, som handler om hvordan dokumentet skal tolkes, hvad det indeholder og hvordan en søgemaskine skal indeksere dokumentet. Den sidste linje i HEAD-tagget henviser til CSS-filen mycss.css, som indeholder hele stylingen - altså hvordan udseendet skal tolkes, som beskrevet under CSS.

<!DOCTYPE html>
<html>
    <head>
        <title>Maya Nielsen CV</title>
        <meta charset="utf-8" />
        <meta name="description" content="Maya Nielsen portfolio" />
        <meta name="robots" content="noindex">
        <link rel="stylesheet" type="text/css" href="mycss.css">
    </head>
    <body>

Inde i body er der så de forskellige div-tags, som opbygger selve indholdet på siden med Header, Menu, Indhold og Footer, der er gennemgået på hver sin side.

    </body>
</html>

Elementerne i indholdet vil organisere sig på følgende måde:

Strukturen i indholdet af templatet

HTML Template
HTML-Template Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - Redigering - javaScript