Web Development: HTML Playground - gHacks Tech News

Web Development: HTML Playground

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.

html playground

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.

html5-rocks

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.

Summary
Web Development: HTML Playground
Article Name
Web Development: HTML Playground
Description
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.
Author
Publisher
Ghacks Technology News
Logo

We need your help

Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.

If you like our content, and would like to help, please consider making a contribution:

Comments

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

    Cool link Martin i also like the w3schools.

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

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

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

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

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

    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.

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

    Not able to open because of IE8?

Leave a Reply

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

Please note that your comment may not appear immediately after you post it.