HTML5 en een stylesheet koppelen

Door | 23 april 2012

Het koppelen van een stylesheet aan een HTML5 document is niet anders dan bij een ander html document. In een nieuwe video wil ik echter wel laten zien he het werkt om een stijlblad en een html document aan elkaar te koppelen. Het is belangrijk om CSS in een extern bestand te plaatsen zodat je de meeste controle houdt over alle onderdelen van je website.

httpvh://www.youtube.com/watch?v=k9OTGwq05x0

HTML5 voor beginners

In een eerdere video liet ik al zien hoe eenvoudig het is om een HTML5 document te maken.

Hier de broncode die gebruikt is in de video.

voorbeeld.htm

<!DOCTYPE html>
<html lang="nl">
<head>
	<meta charset="utf-8" />
	<title>voorbeeld pagina</title>
	<link rel="stylesheet" href="style.css" />
</head>
<body>
<b>Vetgedrukte tekst</b><br>
<em>Schuingedrukte tekst</em>


</body>
</html>

style.css

* {margin: 0; padding 0;}
body {font-family: Verdana, sans-serif;}
b {font-weight: bold; color: green;}
em {font-style: italic; color: red;}

5 gedachten op “HTML5 en een stylesheet koppelen

  1. Wouter J

    "net iets anders", bedoel je dat je het type element niet hoeft te gebruiken? Verder is er namelijk niks aangepast aan de link elementen qua stylesheets…

    Antwoord
  2. arnold

    Heldere en rustige stap voor stap uitleg hoe je hiermee begint. Ik zou er bijna aan durven te beginnen zo ;-))

    Antwoord

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *