FB tracking pixel

HTML5 Cheat Sheet: Everything You Need and More

by Matt Banner | 4 COMMENTS Add yours here | Last Updated on

HTML5 Cheat Sheets

In this day and age, the more knowledge you possess the more power you can wield. With a blogging platform like WordPress and grasp of HTML language, the possibilities for you my friend are endless.

I took some time to put together a comprehensive list of HTML5 cheat sheets for beginners you can easily reference when you’re working away on your blog. This HTML guide will tremendously help you expand your knowledge base on customizing your blog.

Click to enlarge these bad boys!

First HTML 5 Cheat sheetHTML5 Cheat Sheet

Above is yet another of the modern day stone tablets that hold the secrets of the internet.

Here we have a complete and comprehensive HTML5 cheat sheet. What does this mean for you? Well, if you’re savvy in the “language of the internet” as it were, this will bring you an easy resource to reference codes you’ll need.

Attention WordPress users: WordPress Cheat Sheet: Your Source for Quick Tips

If you’re new to the concept, or you’ve stumbled into these hallowed halls by accident, read on to learn more about HTML5 and how you can utilize this cheat sheet to build your website and better your blog.

What is HTML5 and How is it Different?


As I mentioned earlier, HTML is the coding and markup language of the internet. It is used to provide structure and presentation for your content on the World Wide Web.

The latest version, five, was implemented in October of 2014. The fourth version was instituted in 1997 so it’s been quite some time since revisions were made.

The new version’s purpose is to make the coding more user friendly on both the human and computerized fronts.

Namely, the language is meant to be equally readable between humans and web browsers, computers, etc. This new version of the language responds to issues that arose as a result of features introduced in web browsers and web documents.

It is also designed to work as on cross-platform mobile applications. A lot of the new changes aim to make the new version more mobile and tablet friendly. A few noteworthy changes also come in the form of syntactic features:

  • The new video, audio, and canvas elements help create better syntax, or order to the coding.
  • SVG or scalable vector graphics are now integrated.
  • Sections like article, header, and nav are new elements that allow content to be more structured and visually appealing.

Ultimately, these new features remove the need to resort to plugins or APIs to accomplish certain tasks. In short, it makes things easier for beginners and experts alike.

How Can I Learn HTML5?


Seeing as how you’re learning another language, this can be a daunting task, but there are a number of resources as your disposal that will allow you to become familiar with this powerful method of website development.

Here’s a free online course I found that starts from scratch, providing you with a complex understanding of HTML from the ground up!

I also really love the work they do over at Treehouse – An interactive resource where you can learn how to build websites & apps, write code or start a business.

Once you have an understanding of the processes and codes, the above cheat sheet will do wonders for you, since you can reference it constantly as a resource for codes.

As always, thanks for reading and don’t forget to comment and let me know how this HTML cheat sheet worked for you!


  1. patchworkreflections@gmail.com'susan

    Matt, thanks for this cheat sheet, looking forward to trying it out. I have been blogging for over 9 years, lots of fun. But my real job is in transcription and proofreading, sooo just a heads up in the first sentence on this page: “In this day and age, the more knowledge you posses” – should be POSSESS. Please don’t take offense, it is just what I do and sometimes things pop off the page at me. Good luck with your blog. I just recently decided to try the blog for $ thing, but I doubt I will ever get the traffic required. Have a good day!

    1. Matt Banner Post author

      Thanks for reaching out Susan. I would never take offense to a genuine suggestion like that – I really appreciate it.

      As for growing your blog’s traffic, you can definitely achieve your goals. If you’re looking for specific help and advice, I’d be happy to help you out. Don’t hesitate to reach me at Matt(at)OnBlastBlog(dot)com

      Also, is this your website? (http://patchworkreflections.blogspot.com/) – If so, you can definitely start by getting your own domain name and a self-hosted blog rather than a free one such as blogspot. I talk more into this here (http://www.onblastblog.com/how-to-make-a-free-website/) and here (http://www.onblastblog.com/how-to-register-a-domain-name/)

      Please let me know if you need any help 🙂


Leave a Reply

Your email address will not be published. Required fields are marked *