Avatar
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.

Enjoy!

  • 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
  • +

50 comments

Leave a Reply

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

*

  1. 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 😉

  2. 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

    thanks!

  3. 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!

  4. Avatar

    Excellent job, perhaps you have plans for doing something similar with “C# Namespaces”, would be wonderful, thanks for sharing.

  5. Avatar

    Thank you,
    Keep up the good work.
    People tend to think who cares if we maintain these things but they turn out to be life savers for some.
    Cheers

    1. WebsiteSetup Editorial
      WebsiteSetup Editorial

      Hi, make sure you’re right clicking on the link itself and not the image: ‘save link as’ definitely shows up there. Alternatively, you can hover your mouse over the image and click on the ‘print’ button in the upper right corner of the image.

  6. Avatar

    How to print this .png cheatsheet?
    I saw comment with “Would be really nice if 3. HTML Cheat sheet in .png” were available as a PDF!” and I’m wondering if it is available now or maybe you can suggest how to print it in another way?
    Or maybe there is a file with code, so I open it in VS and print?