Div-elementer i HTML

HTML kursus | Lær HTML for begyndere screen width

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 og vi eller en anden lœser vil svare hurtigst muligt!

kommentar på NemProgrammering.dk - lav din egen hjemmeside

Jens Andersen 01-03-2020

Kære Thomas, jeg vil bare lige fortælle dig, at jeg kaemper mig gennem dit kursus. Jeg er 74 år bor det meste af tiden i Chile, hvor jeg forsøger at hjælpe natur og mennesker. Det er rimelig håbløst, da mennesket får en masse børn, og ja så er der problemer med natur, klima og fattigdom. Jo alt sammen på grund af den den almindelige liderlighed. Jeg har tidligere konstrueret en hjemmeside i FrontPage, men vil nu forsøge at gøre det i HTML, hvorfor ikke gå til selve sproget, istedet med en oversættelse. Jeg har 10.000 ha. opr. skov plus forskellige andre ting. Jens

Thomas 24-10-2018

Hej Jens, Prøv at smide en div rundt om dit tabel, og flyt så denne div rundt på siden, så burde din tabel følge med :-) Mvh.

Jens 23-10-2018

Kan du eventuelt kort forklare, hvordan man rykker sine tabeller rundt på hjemmesiden? Der kan man ikke bruge samme CSS-koder. vh

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

Thomas 31-08-2016

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

anna 31-08-2016

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

Joep 07-06-2016

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

René Bossen 09-06-2014

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

Thomas 10-03-2014

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

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

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

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

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

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

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

Lukas 12-01-2014

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

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

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

Jesper Albøge 11-01-2014

Mange tak Thomas :D

Thomas 11-01-2014

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

Div-elementer i HTML

Information om denne video

Her har du kildekoden

Spørgsmål og kommentarer

Andre så også

Nyt fra vores bloggere

Office

CMS

Webudvikling

Udvikling

Adobe

Andet

Online Markedsføring

App- og spiludvikling

Her har du kildekoden

Spørgsmål og kommentarer

Andre så også

Nyt fra vores bloggere