Free HTML5 & CSS3 Floral Cheat Sheets

If you're a web development newbie, I know it's especially challenging to memorize every tag and property. That's why I created this pretty free HTML code cheat sheets with the most common HTML tags (something I wish I had when I was learning how to code).

If you’ve ever attempted to code with HTML or CSS, you’ll know that there are many tags and properties to remember. The sheets come in three different colors: white, mint and pink. They’re nicely decorated with beautiful flowers so that you can stick it on your wall and voilà! It’s art for your workspace.

Helpful Info

  • Sheet size: 5.9×8.2 inches
  • Download file includes all the colors for both HTML5 and CSS3 cheat sheets

Share these cheat sheets with your friends or anyone you know who might need them. They’ll love you for it. Check out the NEW HTML & CSS reference sheets.
Download Now

Marisa Blair is a front-end web developer and graphic designer based in Toronto. When she's not writing for her blog xopixel.com, she's making design & tech videos for her YouTube channel.

30 Comments

  1. Hi Marisa,

    I can’t get the floral cheatsheets. It says I have to be a gold member to download them but it states that its a freebie 🙁

    1. Hi Suvaathy,

      There’s a new colorful version of the cheat sheet that is free for you to download once you signup to the XO PIXEL newsletter! This version is a gold member exclusive because it’s now an archived edition of the cheat sheet.

    1. Hi Brenda,

      Thanks for letting me know. I will look into this further to see if there’s an issue from my end. In the meantime, have you checked your “junk” email folder? If it’s not there, please send me an email: contact@xopixel.com and I will email you the reference sheets.

  2. Very helpful I love your website! So aesthetically pleasing! I’m interested in web design, I’m currently studying programming languages but I plan to specialize in design. Any tips? Thanks for the beautiful HTML reference sheet!

    1. Hi Justin,

      You’re going in the right direction! Having a solid foundation in front-end web development is an absolute must if you’re considering becoming a web designer. If you know other programming languages that’s even better. There are so many great websites out there that can help you improve your design skills. I suggest becoming familiar with Pinterest, Behance and Dribble for inspiration and design blogs like smashing magazine to stay on-top of the latest design news. Hope this helps 🙂

  3. Very helpful I love your website! So aesthetically pleasing! I’m interested in web design, I’m currently studying programming languages but I plan to specialize in design. Any tips? Thanks for the beautiful HTML reference sheet!

    1. Hi Justin,

      You’re going in the right direction! Having a solid foundation in front-end web development is an absolute must if you’re considering becoming a web designer. If you know other programming languages that’s even better. There are so many great websites out there that can help you improve your design skills. I suggest becoming familiar with Pinterest, Behance and Dribble for inspiration and design blogs like smashing magazine to stay on-top of the latest design news. Hope this helps 🙂

  4. Oh my god, this seriously the BEST post ever! I can’t tell you how much time I waste going on google and looking up codes when I forget. I love the pink one, so cute (and helpful) <3

Leave a Reply

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

More On XO PIXEL