Lær div tags i HTML og CSS - Dansk video kursus!
NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Div tags i HTML og CSS

Lad NemProgrammering.dk´s eksperter lave din hjemmeside for dig
Vi tilbyder professionel hjælp til udvikling af hjemmesider og webshops. Læs mere om vores ydelser her!

Information om denne video

Underviser: Thomas Iversen, www.billig-webhosting.dk

I denne HTML video vejledning vil vi lære dig at bruge DIV tags i HTML til at lave et simpelt layout til din hjemmeside. Derudover vil vi bruge CSS til at style disse DIV tags. Derfor forudsætter denne video at du har kendskab til CSS. Hvis du ikke har det, så se venligst vores video vejledninger omkring CSS!
Herunder finder du HTML koderne der vil blive lavet i videoen! - kopier dem gerne!


Video tags:

Denne video relaterer til emner såsom: html hjemmesider , html kursus, HTML video tutorial, HTML vejledning, lær HTML, begynder HTML, gratis HTML video tutorials, div tags i HTML

Her har du kildekoden

<!-- indsæt dette i din CSS fil
#hoved {
    width: 700px;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;

}
#top {
    width: 600px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;
    text-align: center;

}
#menu {
    width: 100px;
    height: 600px;
    border-style: solid;
    border-width: thin;
    margin-left: 50px;
    float: left;
    
}
#indhold {
    width: 470px;
    height: 600px;
    border-style: solid;
    border-width: thin;
    margin-right: 50px;
    float: right;
    background-color: #999;
}

-->
<!DOCTYPE html>
 <html lang="da">
    <head>
        <meta charset="utf-8" />
        <title>Div tags i CSS</title>
         <link rel="stylesheet" href="../../CSS/Copy of T5/CSSFIL.css" type="text/css"/>
    </head>
    <body>

     Hoved div: 
    <div id="hoved">

    Top div: 

    <div id="top">her kan du sætte logo ind </div>

    Menu div: 

    <div id="menu">her kan du placere en menu </div>

  Indhold div: 

    <div id="indhold">her kommer der indhold</div>

    &lt;/div>

    </body>
</html>
        

Spørgsmål og kommentarer

Har du et spørgsmål eller en kommentar til denne video/artikel? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar til at hjælpe.

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Mette Petersen    28-09-2016

Jeg kan ikke få farven frem i browseren selv om der er skrevet farvekode korrekt i CSS-dokumentet, og alle andre CSS kommandoer virker, bare ikke background-color. Hvad er der galt? MVH Mette


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    31-08-2016

Hej Anna, I feltet lige over disse kommentarer kaleder "Her har du kildekoden". Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
anna    31-08-2016

"herunder finder du html koderne"...herunder hvor? for her kan jeg ikke se dem😞


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Joep    07-06-2016

Hej Thomas, Hvad er forskellen på <div> og <table> egentlig? Mvh Joep


kommentar på NemProgrammering.dk - lav din egen hjemmeside
René Bossen    09-06-2014

Hvordan får du .css og .html åbnet i samme browser?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    10-03-2014

Hej Tobias, Kan se at du også har skrevet direkte til os. Vi tales ved på vores forum! Mvh. Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Tobias Brodersen    10-03-2014

Hejsa! Jeg sidder her og vil genopfriske mine forhenværende programmeringsevner, og sidder lidt fast på denne video. Jeg skal lave et div-tag som i viser, men kan simpelthen ikke få den til at vise noget som helst i browseren, selvom jeg har linket til den i <head>'en. Jeg er ret sikker på fejlen ligger i mit link, men kan ikke få løst problemet. Det ser således ud: <html lang="da"> <head> <title>Style-U side 1</title> <link rel="stylesheet" href="C:\Users\Shark\Documents\NetBeansProjects\TESTER - rigtig\CSSFIL.css" type="text/css" /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <META name="keywords" content="Style-U, online, styling, tidsbestilling, hår, negle, makeup, kosmetolog, tatoo, tatoveringer" /> <META name="description" content="På Style-U kan du finde den nærmeste frisør, makeup artist, kosmetolog, negleteknikker eller andet inden for styling. Du kan bestille tid, få brugeranmeldelser og endda bestille tid online - Det er nemt, kvit og frit" /> </head> <body> <p> Herunder ses et eksempel på et div-tag (CSS) </p> <div id="Hoved"> </div> Linket er den nøjagtige placering min CSS fil har på computeren, men hvorfor kan jeg ikke se dette i browseren? /Tobias


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lukas    14-01-2014

Div tags. Kære Thomas. Undskyld at jeg ikke har skrevet men har opdaget at jeg dengang bare glemte at Linke til min css fil. Undskylder porstyret meget. Mvh. Lukas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lukas    14-01-2014

Div tags. Kære Thomas. Kan nu og for et stykke tid siden se at jeg dengang glemte at linke til min css fil. Mvh. Lukas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jesper Oxholm    12-01-2014

Hej NP.DK Hvordan laver man sin web adresse om, og hvordan gør man den online gratis vis man kan venter hurtigt svar :D


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jesper Oxholm    12-01-2014

Hej NP.DK Hvordan laver man sin web adresse om, og hvordan gør man den online gratis vis man kan venter hurtigt svar :D


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    12-01-2014

Hej Lukas, Hvad mener du med at det bare er et tekst tag? Hvor har du læst det henne? Div´s bruges som de altid er blevet brugt - og det er som vist i videoen... Mvh. Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lukas    12-01-2014

Kan du ikke opdaterer bare din "Div" video. p.s idag er det bare et tekst tag ligesom "<p>


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jesper Albøge    11-01-2014

UNDSKYLD VIS JEG SPAMMER. TIL THOMAS :D OG hvordan laver man web adressen om :D håber du gider hjælpe Thomas :-D


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jesper Albøge    11-01-2014

Thomas jeg har set din tutorials, men forstår det stadig ikke koster det penge og jeg har NetBeans IDE og jeg bruger HTML


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jesper Albøge    11-01-2014

Mange tak Thomas :D


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    11-01-2014

Hej Jesper, Se her: http://www.nemprogrammering.dk/Tutorials/Startviden/hvadkosterdet.php Mvh. Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jesper Albøge    11-01-2014

Hej NemProgrammering.dk Hvordan gør man sin hjemmeside online Venter svar


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas Luxhøj    18-09-2013

Hej NemProgrammering Jeg kan ikke få min css kode til og vise sig i min browser, selvom jeg endnu bare kopirer direkte fra koden du har lagt op til videoen... Hvad er det jeg gør forkert ? :/ Mvh Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Kevin Mike Thomsen    15-09-2013

Hey Nemprogrammering. Sidder i netbeans og kan ikke finde ud at lave en css fil til min layout på min hjemmeside, help me! Har prøvet at gå ind i file, new file, og der har jeg kigget i 3 mapper (PHP,XML og Other) Men kan ikke finde en css fil... Hjælp, er helt nybegynder til det her :D