Learn HTML online using HTML Playground

Posted on April 12, 2007 at 9:43 pm

I found another very cool web site if you’re just starting to learn the basics of HTML or web design. When I was learning HTML, I never really found a good web site that I could go to and get a quick example of how to use a particular HTML tag or at least to just explore all the various HTML tags and what they do. Of course there were lots of books, but it’s definitely better to learn things visually with images and examples rather than just with words.

The web site is called htmlPlayground and it’s a very simple, yet effective learning resource. The site is basically divided up into five parts: HTML tag list, Description, Attributes, Example Code, and Example Result.

In the first section, you simply select the tag you want to learn about:

Once you choose a tag, all of other windows automatically fill with the appropriate info.

The example code window is the most interesting because you get to see the code for an entire web page that demonstrates how to use just that one tag. The other really cool part about this site, which helps in the learning experience, is the ability to modify the code on the web page itself and then press Try Code and get the results updated in the Example Results window! So you don’t even have to bother copying the code and then modifying it and then getting it onto a web server either locally or externally, etc.

This is a great way to play around with various tags and see the results instantly.