HTML Cheatsheet

Date February 13, 2009

Photo by Jesper Rønn-Jensen

Photo by Jesper Rønn-Jensen

If you have a simple web site or blog, there are times when it helps to have a few formatting tricks up your sleeve.

I just found a great cheatsheet for HTML formatting — on Facebook, of all places! It covers bold, italic, underline, font size, bulleted lists, numbered lists, headings and more.

Link to the Facebook cheatsheet here.

Bold, Italics, and Bulleted Lists

Personally, these are the three HTML tricks I use most.  This is not hard-core programming – you just insert a code before and after the characters you want to change.  Here’s an example. If you would like to italicize one word, you just add <i> at the beginning, and </i> at the end, like this.

Formatting with HTML is <i>easy</i>.

And it comes out like this:

Formatting with HTML is easy.

(By the way, this is a great way to spruce up ads you post on Craig’s List. There’s nothing like a nice bold phone number.)

Headlines SEO Trick

Using “h1″ and “h2″ headline tags makes the selected text large and bold, so that your reader’s eye is drawn to them.

But did you know that h1 and h2 text also direct search engines to “crawl” your headlines?  If you want to drive traffice to your page or post, make sure you pack your headlines with key words that your readers are searching for!

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

2 Responses to “HTML Cheatsheet”

  1. Ed said:

    Thanks for the tips – but this does not seem to work with Facebook Events. Any suggestions?

  2. Christine said:

    Hi Ed,

    I don’t think Facebook events allow any formatting. You’ll have to be happy with using CAPS if you want emphasis. ;-)

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>