If you want to format a blog post or edit a web page, it’s helpful to know HTML (even if your site platform offers WYSIWYG formatting). This HTML Cheat Sheet shows you all the essential tags you should know.
While looking for a cheat sheet like this, I found dozens (if not hundreds) of other ones, but this printable from Life Your Way has an advantage: It doesn’t clutter up the sheet with more tags than you might ever need. Instead, it’s just the basics: text tags, image tags, table tags, link tags, section tags, and even a handy section on special characters (such the number code for the copyright symbol).
Download the free PDF at the link below.
HTML Cheat Sheet for Bloggers [Life Your Way]
Comments
7 responses to “Learn The Most Important HTML Tags With This Simple Cheat Sheet”
The font tag has been deprecated.
+1. Shouldn’t use the font tag, it’s ancient.
What replaces it?
Can you really call it a cheat sheet if it omits the blink and marquee tags?
its all css and jquery nowadays, with responsive divs.
Can’t you also use < i > for italics?
Here’s < em >:
em italics
Here’s < i >:
i italics
Does it matter? One just might be more time saving than the other.
A good question that has a very important answer
< i > is for presentation only and has no “meaning” for differently-abled users. and is read as normal text.
< em > is emphasis. When read by assistance programs, this text is read with emphasis.
So the difference between the two boils down to web accessibility. If you need italics for style reasons, use < i >, if it is to emphasise the text use < em >
A similar story for < b > vs. < strong >: < b > is style and < strong > is strong-emphasis.