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

Anime Expressions

Anime

Create and style a webpage for an anime drawing tutorial.

Anime

Top 5 Emojis

Top 5 emojis

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

Top 5 emojis

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

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

Sell me something

Sell me something

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

Sell me something

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
  • Access 100’s of free fun projects
  • Anyone can teach
  • 13,000 active clubs worldwide