Front-end fundamentals — HTML, CSS, JavaScript

What you'll learn

1. 1

   Think of a house. HTML is the bricks and walls — the structure. CSS is the paint and wallpaper — the style. JavaScript is the electricity and plumbing — the behaviour! 🏠

2. 2

   Which layer is like the paint and wallpaper of a webpage? 🎨

3. 3

   Here's a simple webpage. The HTML gives it a heading and a paragraph. The CSS makes the heading blue and big. The JavaScript makes a pop-up when you click a button. 🖥️

4. 4

   Let's build a simple webpage step by step. 📝

5. 5

   Drag the code blocks into the correct order to build a webpage that shows a red heading and a pop-up. 🧩

6. 6

   What does JavaScript do on a webpage? 🤔

7. 7

   Which of these is a CSS rule that changes the colour of all headings to red? 🎯