NemProgrammering.dk logo
nordicway webhotel

Sideopsætning i HTML dokumenter

HTML kursus | Lær HTML for begyndere
WordPress hjemmeside hjælp

Information om denne video

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

I denne video viser vi, hvordan en standard sideopsætning skal se ud i HTML. Sideopsætningen kan har ændret sig igennem tiderne, men i denne video kigger vi på, hvordan den skal se ud i dag i HTML5.

Derudover lærer vi dig nogle udtryk i HTML, som du vil kunne bruge i de fremtidige videoer. Du kan kopiere sideopsætningen herunder og derved selv bruge den på dine egne sider. Husk altid på at give dine sider en unik titel og en unik beskrivelse ( description ). Det vil gøre dine sider mere attraktive i forhold til søgemaskiner.


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, Sideopstæning i HTML filer, HTML 5 side opsætning

Her har du kildekoden

<!DOCTYPE html>
<html>
<head>
  <title>Sidetitel</title>
  <meta charset="utf-8" />
  <meta name="description" content="Beskrivelse af side" />
</head>
<body>
</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!

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

kommentar på NemProgrammering.dk - lav din egen hjemmeside
John Lundberg    27-01-2021

Hej Tak for et super godt uddannelsesunivers :) Jeg sidder og kæmper med "Sideopsætning i HTML dokumenter" og kan ikke få "Hello word!" frem, når jeg gemmer. Kan det være fordi, jeg bruger en arbejdscomputer via VPN? Jeg har fulgt jeres video slavisk og kan ikke finde ud af det :)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Signe    27-01-2020

Ah, det hjalp da jeg slettede: <meta charset="utf-8" /> Men jeg troede netop at dette meta-tag var nødvendigt for at kunne skrive æ/ø/å?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Signe    27-01-2020

Hvad hvis sidens titel indeholder æ/ø/å? Jeg får et tegn i stedet for ø i overskriften <!DOCTYPE html> <html> <head> <title>Rengøring</title> <meta charset="utf-8" /> <meta name="description" content="Få hjælp til rengøring" /> </head> <body> </body> </html>


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Klaus Jakobsen    19-01-2017

Hej Thomas Bare til information det er nok noget med min maskines opsætning at gøre, Hvis jeg prøver dit link og skriver æ ø og å og herefter trykker på run så fremkommer æ ø og å uanset om denne meta tag <meta charset="UTF-8"> er med eller ej, dette gælder også NetBeans IDE 8.2 der kommer æ ø og å også frem uanset om <meta charset="UTF-8"> er med eller ej. Det er kun i Wordpad og Notesblok, hvor det har betydning, dog omvendt i forhold til hvad der burde forventes. Det er det sidste indlæg fra mig om dette, jeg vil anvende det som fungere for mig. Jeg må så teste det i forskellige browser. Mvh Klaus Jakobsen


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    18-01-2017

Hej Klaus, Det lyder mystisk. Den linje gør netop, at du burde kunne bruge æ ø o å. Hvad sker der, hvis du indskriver æ ø å her: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_meta_charset og trykker run? Hos mig får jeg æ ø å. Jeg kan ikke forklare, hvorfor det ikke virker hos dig, men gør endelig bare det der fungerer for dig ;-) Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Klaus Jakobsen    16-01-2017

Hej nemp Når jeg indsætter følgende kode <META charset="utf-8" /> i mit html dokument, får jeg, når jeg åbner det i en browser at æ, ø og å er vist som spørgsmål tegn. Men hvis jeg fjerner koden bliver æ, ø og å vist som sådan. Når jeg kopiere koden direkte fra lektionen (Side opsætning i HTML 5 dokumenter) og sætter den ind i wordpad og noteblok og afprøver i browser (google) vil den ikke vise æ, ø og å, når denne linie er der <META charset="utf-8" />, hvis jeg fjerner linjen vil den godt. Hvordan kan det være? PS. er ny til det her. Mvh Klaus Jakobsen


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    11-04-2016

@Erik Du har dobbelt "" i din kode. @Ricko Du burde ikke skulle bruge en extension for at køre en HTMl fil. Prøv istedet at finde filen i din mappe og tryk åben med og vælg så Firefox. Virker det?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Ricko Olsen    07-04-2016

Hej. Super god side i har! Når jeg i netbeans trykker "run file", siger den at jeg skal installere en extension til chrome. Jeg bruger firefox, SKAL jeg bruge chrome for at det kan lade sig gøre? Glæder mig til at komme videre men sidder lidt fast :) På forhånd tak!


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Erik Christensen    06-04-2016

<body class="twoColFixLtHdr" "> hvorfor har jeg altid en fejl på denne, hvad gør jeg galt ?? Håber i har tid til at svare mig :) Tak for nogle gode programmer :)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Kjeld    09-01-2016

Hvad er grunden til at jeg ikke kan se resultatet i view, men kan godt når jeg dobb.klikker under dokumenter hvor det er gemt


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Kjeld    09-01-2016

Selvfølgelig, gemme først, :-)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Kjeld    09-01-2016

Jeg skriver præcist hvad du anviser i første lektion. Alligevel efter slut tag </html> vises dette når jeg trykker view TODO write content. <! DOCTYPE html> <HTML> <head> <title> sideopsætning i html 5 </title> <meta charset="UTF-8"> <meta name="keywords" content="html5, html, sideopsætninger" /> <meta name="description" content="dette er en side om opsætning i html5" /> </head> <body> <p>Hvor har vi det godt</p> </body> </html> denne viser fejl, men ikke hvad


kommentar på NemProgrammering.dk - lav din egen hjemmeside
John    11-05-2015

På min hjemmeside: http://casinobonussen.dk - fandt jeg ud at at lang= tagget stod til eng/us. Jeg har nu ændret det til dk i wp-config filen, jeg er dog kommet i tvivl om det her er den korrekte måde? : <html lang="da-DK" Håber du kan hjælpe mig. /John


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Johnny Erbs    10-03-2015

Tak var lige det der skulle til:)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    09-03-2015

Hej Johnny, Husker du at gemme i Netbeans inden du trykker view? Hvis ja, prøv også at trykke ctrl + f5, når du ser din side i browseren, for at rydde din cache. Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Johnny Erbs    09-03-2015

Hej Tomas, tak for en lærerig genopfriskning. Nu har jeg aldrig prøvet NetBeans før men det virker da ret brugervenligt. Det eneste problem jeg har er når jeg trykker view, her skriver den "TODO write content" i browser i stedet for det jeg har skrevet inden for <p>....</p> hvis jeg dog kopiere det til notepat og ser det derfra så virker det normalt, hvordan kan det nu være? Dbh Johnny Erbs


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Laryea    18-12-2014

Hej Thomas Nej det hjælper heller ikke... mvh Laryea


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

Hej Laryea, Hjælper det, hvis du sætter din lang således: <HTML lang="da-DK"> ? Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Laryea    10-12-2014

Hej Jeg har nydt godt af jeres kurser her på NP og synesat de er meget lærerige. Ved ikke om det er min pc det er galt med, men lige netop idag, når jeg tester mine html's i browseren, så vises æ ø og å ikke korrekt. Jeg bruger eksakt samme kildekode som i viser på denne side her. Jeg har testet i IExploren og Firefox, har aldrig oplevet disse problemer før. med venlig hilsen Laryea


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

Hej Frederik, Ja, sideopsætningen er den samme uafhængigt af hvilken editor du bruger.