Nick Schäferhoff
Editor in Chief

HTML-Cheat-Sheet-PDFYou want to learn HTML, right?

Having a proper cheat sheet will make your life a ton of easier.

When I started out with web development (back in 2004), I used to have a cheat sheet, too. Now it’s all in my head, though.

Whether you’re a savvy web developer or just a trying to experiment a little, feel free to use this HTML cheat sheet below. I originally made it for my self, but since the launch of HTML5, I decided to update it, make it look better and share it on my website.

I’ve listed out all the mainstream HTML tags as well as the new HTML5 tags.


  • If you wish to download .pdf, click here (237kb) – This version is based on the HTML Cheat Sheet in .PNG
  • Alternate HTML Cheat Sheet in .pdf, optimal for tabloid paper size (11x17in) printing, click here (138kb) to download
  • If you wish to use this as an image, click here (3508 x 2717)


1. HTML Cheat Sheet in .pdf

2. HTML Canvas Cheat Sheet in .pdf

If you wish to download this as .pdf, use this link (right click, “Save link as”).

3. HTML Cheat sheet in .png

If you wish to download this as .png, open this link and save the image.

You can also download the image below directly (right click, “Save image”)

HTML Cheat Sheet


Want to ask a question or leave a comment?

Ask me anything

  • Avatar
  • Avatar
  • Avatar
  • Avatar
  • Avatar
  • +


Leave a Reply

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


  1. Avatar

    I just want to say thank you for all you hard work to put this out, this is really is a big help.
    FANTASTIC work, God bless.

  2. Avatar

    Nick, i wish to develop a website for my business ( my first). But instead of completely relying on wordpress i would also like to use my own html webpages and webframeworks ( like Django). Is there any way to do that.
    Ps: i would also create an app in near future for my business. So is there any way to link both the website and the app to serve my clients.
    Looking forward to your reply 🙂

    1. Avatar

      Hey Rick, if you have the requisite skills, you can, of course, develop your own website from scratch. Depending on what your goals and needs are, this can make more or less sense. I don’t know enough about Django to give any input on that but if you also want to create an app, be aware that with the REST API, it is now easier than ever to connect a mobile app to WordPress. Just saying…

  3. Avatar

    Nick, just wanted to send out a quick note of thanks for the ‘cheat sheet’. I haven’t written HTML in years and wanted to add some new life into my personal web-page. I found that I was struggling to remember the syntax, etc. Thanks for making the time and effort.

  4. Avatar

    You did an amazing job at seperating all there is is to know about html. These cheat sheets will save me a ton of time learning HTML language code. Thanks a lot! I will pass this website along 😉

  5. Avatar

    hi thanks for the cheats they are useful for me

    but i wish i had cheat sheet for CSS and maybe Java.

    if you could do that please share it


  6. Avatar

    Cheat sheet has some serious errors in the &…; I.e. Ö does not generate what you say it does.
    With a name like Nick Schäferhoff, one would think you’d get the UMLAUTE correct.

    1. Avatar
      Nick Schäferhoff Verified

      Ouch, going where it hurts – my umlauts! Can you elaborate on the errors you spotted? I want to get it fixed right away. Thanks for pointing that out!