John Stevens  — 10 Comments

How many times have you Googled:

“how to add forms in HTML”

or

“what are new HTML5 tags”

… only to end up twenty minutes later staring blankly at 30 new browser tabs, forgetting what got you here in the first place?

Remembering each HTML element off the top of your head at a moment’s notice is impossible. Some seasoned web developers still occasionally use html cheat sheets, but not much. But if you’re beginner it’s definitely a great place to start.

So instead of falling down yet another Google blackhole, use this HTML cheat sheet page as your go-to web development resource when learning HTML, CSS, PHP or Javascript.

 

#1 HTML CHEAT SHEET in .PDF


Download .PDF (size: 151kb)

 

 

 

#2 HTML CHEAT SHEET in .PNG


HTML_CHEAT_SHEET_PNG

Download .PNG (size: 1.8mb)

Further resources:

10 Comments

  1. What plugin for Atom or what software did you use to actually write the cheatsheet “screenshot” in the .PNG download? Looks really nice, and I write tons of markdown.

  2. Okay, I know nothing about webpage designs. The only thing I’m trying to do is to edit a YT style, using Stylish for Chrome. I want to keep on using the theme in question, except, I hate their YT logo (which replaced the original one). How can I remove the one they’re using and replace with it the original Google-owned one? Where can I find it in the long HTML edit page. By the way the first few lines before the line with the body of the site start. Here’s what it looks like, nothing about a logo (head) after these lines, it jumps right into the body of the modified look itself (it looks like…). Thanks, either, even if you cannot help me. I appreciated this compilation up there!
    .yt-card {
    margin: 0 0 10px;
    border: 0;
    background: rgba(0, 0, 0, 0.49);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    body {

Leave a Reply to Steve Cancel Reply

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