Welcome to the web portal

Playcode123.com

HTML, CSS and JavaScript for Beginners. Digitization in societies is being deepened and broadened. Robots and devices that can do all kinds of things. Vehicles, buildings, farms, cities, working and learning environments are becoming smarter and smarter through digital applications.

Strong ICT skills are becoming increasingly important. With regular practice, you’ll soon be able to build attractive web pages, full websites, and even web apps. You can learn to code in HTML, CSS, and JavaScript in less than six months by spending just two hours a week experimenting with code. This website is designed for absolute beginners who want to learn step by step, at their own pace.

Playcode123.com is a Portal of Diensten2000X. Diensten2000X has years of experience building websites and providing hands-on training in pure HTML, CSS and JavaScript. With this portal, we share that knowledge to help beginning JavaScript users learn the essential HTML, CSS and JavaScript skills needed to create modern web pages, websites and web apps.

Start here – for absolute beginners

New to coding? Follow these steps:

  1. Read the basic concepts
    Start with the HTML, CSS and JavaScript explanation pages to see what each language does and how they work together.
  2. Try the Sandbox
    Open the Sandbox and run the example code. Change something small (a word, a color, a number) and see what happens.
  3. Copy and edit the examples
    Go to the HTML, CSS and JavaScript code pages. Copy a code block, paste it into the Sandbox and experiment with your own changes.
  4. Do the exercises
    Use the exercises (on the website or in the PDF) to practise and build your own pages and small websites step by step.
  5. Read the blog for extra help
    Visit the blog for more tips, explanations and examples when you want to go a bit deeper.

Tip: You do not need any experience. Just follow the steps one by one and play with the code.

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, alerts 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: alerts, buttons, events 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 →
Contact

Questions or feedback?

Do you have questions about the exercises or the examples? Send us a message.

Go to Contact page →