Template Struktur: Forskelle mellem versioner
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
||
| (5 mellemliggende versioner af den samme bruger vises ikke) | |||
| Linje 1: | Linje 1: | ||
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. | 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 [[Template | 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-Template|CSS]]. | ||
< | <syntaxhighlight lang="HTML" line> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
| Linje 14: | Linje 14: | ||
</head> | </head> | ||
<body> | <body> | ||
</ | </syntaxhighlight> | ||
Inde i body er der så de forskellige div-tags, som opbygger selve indholdet på siden med [[Template Header|Header]], [[Template Menu|Menu]], [[Template Indhold|Indhold]] og [[Template Footer|Footer]], der er gennemgået på hver sin side. | Inde i body er der så de forskellige div-tags, som opbygger selve indholdet på siden med [[Template Header|Header]], [[Template Menu|Menu]], [[Template Indhold|Indhold]] og [[Template Footer|Footer]], der er gennemgået på hver sin side. | ||
< | <syntaxhighlight lang="html"> | ||
</body> | </body> | ||
</html> | </html> | ||
</ | </syntaxhighlight> | ||
Elementerne i [[Template Indhold|indholdet]] vil organisere sig på følgende måde: | |||
[[image:Template-Struktur.png|600px|Strukturen i indholdet af templatet]] | |||
{{HTML-Template}} | {{HTML-Template}} | ||
[[Kategori:HTML-Template]] | [[Kategori:HTML-Template]] | ||
Nuværende version fra 28. dec. 2025, 12:01
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:
| HTML Template | |
|---|---|
| HTML-Template | Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - Redigering - javaScript |