Web Development: HTML Playground

Martin Brinkmann
Jan 31, 2009
Updated • Nov 23, 2017

The first language that you need to learn if you want to start with web development is HTML. HTML stands for HyperText Markup Language, a set of tags and attributes that can be used to create websites.

HTML comes with a limited number of tags and a basic syntax that is always the same. It basically comes down to learning the general layout of HTML documents and the tags that can be used to create the website.

HTML Playground provides you with options to play around with all HTML tags (and a bit of CSS). It does not require any prior knowledge although that could be of an advantage.

The website uses an interface that is divided into four columns. One holding all HTML tags, another that displays "live" examples of a selected tag, and a third that displays valid HTML code used to create the example. Valid HTML code meaning a full HTML source code. Each HTML and CSS tag is clickable in the example code leading directly to an example page that describes the tag in detail.

It would not really be a HTML Playground if the website would not offer the means to edit the example code. This is excellent to test changes to the code to see how tags work.

Beginners might find it a lit difficult to start, and it is recommended to have read at least one article about the basics of HTML before playing around with the various elements. It is best for users who know the basic of HTML and want to start playing around with code.

Update: The HTML Playground is no longer available. There does not seem to be a comparable web service available.

Update 2: The HTML5 Playground offers a similar feature set and even improves what is available by making available HTML, HTML5, JavaScript and CSS APIs that you can dive in.


Then there is JSFiddle, which provides you with the means to test your JavaScript, HTML and CSS code online.

Update 3: HTML5 Playground is no longer available either. You may use something like Solo Learn instead which supports HTML, CSS and JavaScript.

Web Development: HTML Playground
Article Name
Web Development: HTML Playground
HTML Playground provides you with options to play around with all HTML tags (and a bit of CSS) online so that you can dive deeper and experiment.
Ghacks Technology News

Previous Post: «
Next Post: «


  1. Larry said on May 21, 2019 at 5:25 pm

    Don’t worry. Cool comment!

  2. Anonymous said on June 28, 2009 at 2:24 am

    Not able to open because of IE8?

  3. Glenn said on February 1, 2009 at 7:15 pm

    I find this very useful as a tutorial. I hate and stay away from anything remotely related to codes or numbers, as I find them intimidating, but this is intuitive and even fun. I could mess around with it for ages.

  4. Steven said on January 31, 2009 at 2:39 pm

    looks to be a really useful site, both for the novice & advanced user.

  5. iampriteshdesai said on January 31, 2009 at 2:09 pm

    This is very cool Martin!
    I studied basic HTML this vacation for timepass this will be helpful no doubt.

  6. Paul. said on January 31, 2009 at 1:34 pm

    Cool link Martin i also like the w3schools.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.