Template Struktur: Forskelle mellem versioner

Fra Holstebro HTX Wiki
Spring til navigation Spring til søgning
Næste ændring →
Bar (diskussion | bidrag)
Bureaukrater, Grænsesnitadministratorer, Administratorer
1.391 rediger
Oprettede siden med " <!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> <div id="header"> <h1>Maya Nielsen</h1> </div> <div id="nav"> <div id="menu"> <span class="menuPu..."
 
Ingen redigeringsopsummering
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.


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-CSS|CSS]].


<pre>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
Linje 11: Linje 14:
     </head>
     </head>
     <body>
     <body>
        <div id="header">
</pre>
            <h1>Maya Nielsen</h1>
        </div>
        <div id="nav">
            <div id="menu">
                <span class="menuPunkt"><a href="index.html">Forside</a></span>
                <span class="menuPunkt"><a href="empty.html">Tom side</a></span>
                <span class="menuPunkt"><a href="examples.html">HTML Eksempler</a></span>
            </div>
        </div>


        <div id="section">
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.
            <h2>Om Maya Nielsen</h2>
            <P>Mange års teoretisk og praktisk erfaring med ide og konceptudvikling gør, at jeg kan
            udtænke og realisere nye innovative løsninger. Jeg er uddannet elektronik
            ingeniør, og har arbejdet med både analoge og digitale løsninger, hvor jeg specielt
            interesserer mig for samspillet mellem mennesker, software og hardware. Jeg har
            gennemført jeg en master uddannelse i multimedier og interaktionsdesign,
            hvor jeg har lært at arbejde innovativt med multimedier, arbejde med
            brugeroplevelser, og omsætte dem til nye løsninger.</p>
            <p>Jeg har undervist i mange år, primært inden for tekniske og naturvidenskabelige fag på HTX.  
                Den brede undervisningserfaring gøre det naturligt for mig at undervise i fagene Informatik og Kommunikation/IT.
            </p>
        </div>


        <div id="aside">
<pre>
            <img src="Bent_I_Kajak.jpg" alt="Bent i en kajak i Norge"  style="width: 100%;">
        </div>
 
        <div id="fullSection">
            <h2>Privat</h2>
            <p>En del af min fritid anvender jeg i kajakklubben Pagaj, hvor jeg primært ror tur-kajak på søen og i storåen.
                Jeg deltager også i forskellige ture, hvor Venø rundt og Løvfaldstur på silkeborgsøerne er yndede mål.
            </p>
        </div>
 
        <div id="footer">
            <p>Maya Nielsen - UC Holstebro - HTX - HHX</p>
        </div>
     </body>
     </body>
</html>
</html>
</pre>
{{HTML-Template}}
[[Kategori:HTML-Template]]

Versionen fra 22. okt. 2025, 21:34

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>
HTML Template
HTML-Template Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - Redigering - javaScript
Hentet fra "https://holstebro-htx.dk/index.php?title=Template_Struktur&oldid=3375"