Avatar
Editor in Chief

You 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, click here to download (5,8mb)
  • 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 a question
Leave a comment

Ask me anything

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

48 comments

Leave a Reply

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

*

  1. Avatar
    kodakshnio

    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
    A. Heart

    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.

    • 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
    Jorge Ham

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

  5. Avatar
    Anu

    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

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

  8. Avatar
    Borys

    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?

  11. Avatar
    Nana

    Hi, thanks for the abundance of knowledge presented here in pdf and image file. Would have to get them on pc, ipad and phone for easy reference. I find the following comments very encouraging: “You’ll remember the basics eventually after continuously using them and for the rest you’ll have cheat sheets like this – developers have to look up things online all the time.”
    Thanks once again

  12. Avatar
    Tam

    Just another thank you very much for your hard work to another novice web designer learning more of the basics than just drag and drop. This was extremely helpful in that journey. i will be back for more indepth reading & all those occasions where we pull our hair at 2am going, i know its just a missing comma. (smh now im reliving 30 year old high school votech cobol programming memories) Thanks again. Great site!

  13. Avatar
    Quinntin Ruiz

    Can you please send the download for the HTML Cheat sheet in .png? There is no download button on this link.

    Best,
    Quinn

  15. Avatar
    Craig Ramsay

    I think I need to print these cheat sheets out and stick them on my wall… lots to learn! Thanks for the great resources 🙂

  16. Avatar
    Ahmed J. Baqer

    Hi, I just started learning HTML and CSS few months ago. I’m a computer science student in my second year of college, I really love this stuff but I have a memory problem. I tend to forget a lot of things that I learn especially when it comes down to programming, I’m worried that due to my short memory I might never become good at this. Is this cheat sheet ok for first timers, somebody please tell me that I’m not alone!

    • WebsiteSetup Editorial
      WebsiteSetup Editorial

      You’re not alone! It’s perfectly normal not to remember all of this stuff, especially the elements or attributes that rarely get used. You’ll remember the basics eventually after continuously using them and for the rest you’ll have cheat sheets like this – developers have to look up things online all the time 🙂

    • Avatar
      DBall

      My short term memory is a LOT worse than that of the average person which makes learning programming or scripting more difficult for me. I was fortunate enough to come across SRS (Spaced Repetition Software), and it’s helped me a LOT when it comes to learning a large bunch of vocabulary. There are a few packages out there and they’re free to use. You need to commit to this however, in other words always dedicate 10-15 minutes a day and you’ll be golden, but it’s no substitute for actually coding the stuff- you’ll remember the commands but you need it in your muscle memory…

      You’re not alone with the memory issues 🙂

  17. Avatar
    Thomas

    At the bottom of the PNG image, in the “Collective Character Objects” section, there is a mistake for the last three entities.
    (Uuml = Ü, ouml = ö, ucirc = û.)
    The @-sign has no entity; bull = Bullet, trade = Trademark.

    So, the table should read:
    @ (no entity) @ sign /
    • • Bullet /
    ™ ™ TM (Trademark)

  19. Avatar
    Sara

    Many thanks for sharing this! I started learning HTML and CSS like a week ago and I was looking for something just like your cheat sheets to help me with the tags, hopefully I will remember most of them soon. Best wishes 🙂

  22. Avatar
    Pritam Haobam

    Thank you so much for sharing this with all. Please give #3. HTML Cheat sheet in .png – in A4 pdf format. Kindly make it in white background so that it can be cheaper printing it (the dark background will consume too much ink). And lastly, not forgetting to make it down-loadable.

  27. Avatar
    Michille Salva

    Thanks for this. I am using WordPress but for months now. But I think I need to learn some more of HTML now.

  29. Avatar
    Deeepak Jagade

    I want to learn Web designing and Web development. What should I do? Is there career chances in Web design and development?

    • WebsiteSetup Editorial
      WebsiteSetup Editorial

      Hi Deepak,

      Best way is to start off with WordPress and then learn some additional HTML & CSS.

      WebsiteSetup Editorial