Om je html pagina netjes en overzichtelijk te houden plaatsen we al onze CSS code in een extern CSS bestand.
Voeg aan je index.html
de volgende regel toe in je head
.
... <link rel="stylesheet" href="style.css" type="text/css"> </head>
Plaats nu in je style.css
dezelfde code als voorgaand voorbeeld.
html, body { margin: 0; height: 100%; width: 100%; } h1 { font-size: 3rem; color: purple; }
In je index.html
... <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <h1>Mijn eerste website</h1> </body> </html>
Omdat in de header het CSS bestand wordt ingeladen krijgt de h1
tag opmaak.
Dit is de methode die wij graag zien.