Welcome! It’s dark, it’s hot, it’s hell! Here is where you learn to code while playing, cheating, and disturbing other players!!
In this fill-the-blank game, you will learn the basics of HTML, and on higher levels you can even learn CSS !

But beware, while there are penalty cards that you can inflict upon other players, there’s also tricky cards with wrong HTML tags that can mislead YOU… Good luck… 😈

RULES :

Objective : win the game by being the player to correctly place the most cards on the board. Every correctly placed card earns you two points. The winner is the owner of the higher amount of points ! 🏆✨
Beware… The rules don't forbid cheating… So stay alert 😜

Begin by choosing the difficulty level (the board with words in color is the easy one, the orange-framed one is the medium and the red-framed one is the hard). Select the HTML deck accordingly. For the medium and the hard levels, place the “CSS” deck nearby, you could be invited to use it !😉
Then mix the HTML deck, distribute 3 cards to each player, who can take a look at, and place the rest on the table. Save some space for the discard pile.
The youngest player begins the first round, each consecutive round is started by the winner of the previous round. Agree among yourselves on the direction.
The first player draws a card, and has three choices:
- Option 1 : Put a card on the game board. There are clues on the bord, which should correspond to clues on the cards in your hand.
- Option 2 : Discard a card.
- Option 3 : Inflict a penalty upon your adversaries (see “Types of penalty cards” down below).
Anytime a player places a card on the board, note their name and the HTML tag on the “points table”.
The next player has 2 options:
- Option 1 : Draw a card from the deck and play
- Option 2 : Draw the top card from the discard pile and play!
Repeat until the game board is complete. When that’s done, take the solution sheet. Each correctly placed card attributes 2 points to the player that placed it. A wrongly placed card removes 1 point from the player who placed it. Beware, if you keep a penalty card in your hand, you will lose one point ! 😈
When the entire board is correct, congratulations! You have unlocked the next level! You now know more about HTML, CSS, and… You know more about your evil friends too ! 😈

Penalty Cards :

Remove a card from the game board of another player (it goes to discard pile) 😈
The player of your choice discards their entire hand and draws 3 new cards 😈
The player of your choice skips their turn 😈
The game changes direction of play 😈
If you want to play this turn, solve the CSS puzzle ! 😈

CSS Rules : If you pick a CSS cardyou begin a new puzzle :

Take all the CSS cards, place them on the table, red face up.
Mix them all.
Try to associate a clue with a pictogram.
Check the black side of the card to find out if your answer is correct !
If you’re right, keep going, if you’re wrong stop… and skip your turn ! 😈

Notes :

For HTML places, you will sometimes find lists of tags. You only have to find the first HTML tag, but the others are hidden by <?> and </?>

If you scan the QR code on the rules board, you will land on a page where you can download more templates, or even create your own !

BOX CONTENT:

3 Game boards (easy -> colored text, medium -> orange frame, hard -> red frame)
3 HTML deck (easy -> white text, medium -> orange text, hard -> red text)
1 CSS deck (bigger cards)
1 rule’s board, box’s content on the back
1 solution’s board

Get more fun!

Create your own Board

In progress..

Download more Boards

In progress..