html-site

HTML5 en een stylesheet koppelen

Geplaatst op 23 april 2012 in categorie html

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.

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;}

Dit artikel is geschreven door

 

5 Reacties op “HTML5 en een stylesheet koppelen”

  1. Wouter J
    24 april 2012 @ 10:45

    "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…

  2. Bjorn Simmering
    24 april 2012 @ 11:54

    "niet anders" bedoelde ik, zeg ik "net iets anders"?
    In de tekst zet ik het wel goed…

  3. Rene
    24 april 2012 @ 11:56

    Betreft: aanmoediging
    Heel duidelijk eerste stapje. Relaxte aanpak.
    Goed werk – ga door.

  4. Bjorn Simmering
    24 april 2012 @ 11:57

    Bedankt! Ik doe mijn best :-)

  5. arnold
    24 april 2012 @ 13:21

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

Laat een bericht achter







Transip