Back to HTML and CSS

Introduction to Web: Learning Path

In this introduction to web development with HTML and CSS for beginners, you will learn how to structure and style webpages with images, lists, fonts, quotes, links, and animation.

6 projects

Level 1

HTML and CSS

Anime Expressions

Anime

Create and style a webpage for an anime drawing tutorial.

Anime

Level 1

HTML and CSS

Top 5 Emojis

Top 5 emojis

Create a top 5 list of emojis with animated emojis and an emoji background.

Top 5 emojis

Level 1

HTML and CSS

Flip Treat Webcards

Flip treat webcards

Create a flip card with a treat from around the world. The card flips over when you hover over or tap it.

Flip treat webcards

Level 3

HTML and CSS

Mood Board

Mood board

Create a mood board webpage for a real or imaginary project. A mood board is a collage that arranges images, fonts, colours and other design elements.

Mood board

Level 3

HTML and CSS

Sell me something

Sell me something

Create a webpage to sell a product or idea based around your choice of emojis.

Sell me something

Level 3

HTML and CSS

Build a Webpage

Build a webpage

Create a webpage about something you want to share. It is best to have completed all projects in the Introduction to Web learning path before starting this project.

Build a webpage

Register a club today

  • Access 100’s of free fun projects
  • Anyone can teach
  • 13,000 active clubs worldwide
Register a club