YOUR FIRST WEB PROJECT

Build Your First Website!

Learn how webpages work, write your first HTML, add colourful CSS, and see your creation come alive.

🌱 Beginner friendly 💻 Learn by doing ⏱️ About 20 minutes

LESSON 1

What makes a website?

A website is a page you can open in a web browser. Two important building blocks are:

🧱

HTML gives a webpage its structure, such as headings, paragraphs, and images.

🎨

CSS controls how a webpage looks, including colours, fonts, spacing, and layout.

Think of a house!

HTML is like the walls and rooms. CSS is like the paint, decorations, and style.

LESSON 2

Edit the HTML and CSS below. Then select Preview my website to see your changes.

HTML — page content

Try changing the heading or your name. Use HTML tags such as h1, p, and button.

CSS — page style

Try changing the heading colour or the background colour. Use CSS colour names or hex colours.

Your starter code is ready.

Website preview

Your preview runs in a separate, sandboxed frame.

LESSON 3

Choose the best answer for each question.

🚀

You've explored HTML, tried CSS, and built a webpage. Keep experimenting—great developers learn by creating and improving.