NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Div-elementer i HTML

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 video vil du lære et vigtigt element et kende, nemlig div-elementet. Div-elementer bruger man til at strukturere og opdele sine sider, og kigger i kildekoden på hjemmesider, vil du hurtigt se at der bliver brugt rigtig mange div-tags. Derfor er det vigtigt at du allerede nu prøver at arbejde med div-elementer og prøver at lave noget struktur på dine egne sider.

Vi bruger en lille smule CSS i denne video, dog ikke så meget at du ikke kan følge med uden at kende til CSS.

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

<!DOCTYPE html>
<html>
<head>
  <title>Div elementer</title>
  <meta charset="utf-8" />
  <meta name="description" content="En side om Div-elementer" />
</head>
<body>

<div style="background-color:#DDD;">
  <div style="background-color:#000;color:#FFF;text-align:center;"><h1>Overskrift 1</h1></div>
  <div>
    <p>Hello world!<br/><em><a href="https://www.nemprogrammering.dk/">Link til hundeside</a></em></p>
    <hr/>
    <!-- Dette er en kommentar -->
    <p>Dette er mere tekst</p>
  </div>
</div>
</body>
</html>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar ved tasterne.

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