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.