The Ultimate HTML 5 Cheat Sheet Infographic

When I first started making websites and money online, there was no such thing as WordPress. In fact, the process of creating a website was quite complex. Here’s how it would typical go for a site owner back in the 90s and early 2000s.

  • Use a program like Microsoft FrontPage to create a site (or)
  • Design a site in Photoshop and cut it into HTML
  • Upload each update to your site through FTP software
  • Update your site in site editor software, reupload through FTP

The process was quite tedious compared to how simple everything is today, and the image below pretty much sums up what it would look like if you wanted to make updates to your website back in the days of static websites and HTML. It’s safe to say that if there were no WordPress, there simply wouldn’t be as many websites and blogs on the internet today… as it’s now just a push button process and for more site owners and bloggers, there is no need to even know what HTML of FTP is.

Writing in HTML

However, just because WordPress is now the content management platform of choice, doesn’t mean there still isn’t a need for HTML. Most websites and blogs are still made up of HTML, you just don’t see it unless you are a coder, site designer or mess around with formatting and setting.

Everything You Need to Know About HTML 5

Through the HTML 5 Mega Cheat Sheet infographic below (provided by, site owners and designers can find everything they needed to know in terms of what HTML coding to use. Also covered within the infographic below, you will find tags, existing attributes in HTML 4 and 5, mobile HTML, HTML 5 browser support, event handler content attributes and canvas elements.

HTML 5 Cheat Sheet

Similar Posts