HTML → CSS → JavaScript → Your website

Build your first website, step by step

Learn through short lessons and practical exercises. No experience needed. Start with one heading and finish with a website about something you enjoy.

One project, five stages

  1. First success: edit, run and save a page.
  2. HTML: give your hobby page structure.
  3. CSS: style it and make it fit a phone.
  4. JavaScript: add a useful interaction.
  5. Final project: build, test and publish.

View all 18 lessons and your progress →

Codes Explanation

Theory

How do you code in HTML?

Explanation of some web terms and website codes. Learn how to build the structure of a web page with headings, paragraphs, images and links.

Go to HTML explanation →
Theory

How do you code in CSS?

Learn how to style your page with colors, fonts, borders and layouts using CSS.

Go to CSS explanation →
Theory

How do you code in JavaScript?

Discover how to make pages interactive with simple JavaScript: buttons, forms, visible messages and small scripts.

Go to JavaScript explanation →

Play with code

Play online with HTML, CSS and JavaScript code. Copy an example, paste it into the Sandbox and change the code to see what happens.

Practice

HTML code to play with

Simple HTML examples you can copy and paste into the Sandbox: headlines, paragraphs, lists, tables, images and links.

Go to HTML codes →
Practice

CSS code to play with

Examples of CSS rules to change colors, fonts, borders and layout. Try them in the Sandbox.

Go to CSS codes →
Practice

JavaScript code to play with

Small JavaScript examples: buttons, forms, visible messages and simple functions you can change and test.

Go to JavaScript codes →
Extra

HTML, CSS and JavaScript Exercises

Practice with assignments and build your own pages and small websites step by step.

Open exercises (PDF) →

More from Playcode123

Blog

Tips & tutorials

Read more about HTML, CSS, JavaScript and technology on the blog.

To the Blog page →