Skip to main content

Setup

Project​

Maak een lege directory whack-a-mole aan op je desktop Voeg een index.html file toe. Open deze folder in Visual Studio code en dubbel-klik op het index.html bestand in je verkenner om de file in je web-browser te openen.

Structuur​

Maak de onderstaande directory-structuur aan in je project:

.
├── index.html
├── assets
│    ├── css
│    ├── fonts
│    └── img
└── js

HTML Boilerplate​

Gebruik deze boilerplate code voor je index.html document

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Stylesheet inladen -->
    <link rel="stylesheet" href="assets/css/style.css">
    <title>Whack-a-Mole</title>
</head>
<body>


</body>
</html>

We gaan niet expliciet alle HTML code opnemen. Alle onderdelen vallen vanaf nu BINNEN de <body>-tag.