The EAE Guide to HTML

HTML can appear daunting when not everyone is a designer or developer. After all, everyone had to start somewhere! That's why I created this easy HTML cheat sheet. Now anyone can tweak a blog post and start branding right away!
Many people approach coding as though it were some foreign diplomat and they know they need to be polite but have absolutely no idea what to say and have already formed the opinion that the person is a jerk.

Me? I love coding. I don't have every last code for design memorized (which is why I keep a file in Evernote) but some of the basics are really easy to remember and absolutely simple as can be.

It's almost as if that foreign diplomat shook your hand and poke flawless English while admiring the dress you just bought for the occasion that your hubby didn't even notice, along with commenting on your gorgeous blow out.

I've created this cheat sheet specifically for the newbie bloggers out there or just anyone who has shied away from learning any code. I promise, it'll be painless. So let me introduce you to...

My HTML Cheat Sheet

To make a Paragraph

<p>Your paragraph here</p>

* * *

Headings

<h3>Your heading here</h3>

NOTE: Headings range from 1- 6 so you can just change the number and it will change the style of your heading ***

* * *

Change your Alignment

Center align

<p style="text-align: center;">Your paragraph here</p>

Justify

<p style="text-align: justify;">Your paragraph here</p>

Left align

<p style="text-align: left;">Your paragraph here</p>

Right align

<p style="text-align: right;">Your paragraph here</p>

* * *

Change your font color

<span style="color: #ede240;">Your text here</span>

*** I use Color Hunter for my color codes ***

* * *

Change your font style

<span style="font-family: georgia, serif;">Your text here</span>

*** Any font site will help guide you in locating a font family or font name ***

* * *

Create an  Email Link

<a href="mailto:name@domainname.com">e-mail us</a>

* * *

Insert an Image

<img title="title text" src="http://yourdomainnamehere.com/imagenamehere.gif" alt="alt text" width="100" height="150" />

* * *

Line Break

Your paragraph here <br>

* * *

Make your fonts: 

Bold

<strong>This text will appear bold</strong>

Italic

<i>This text will appear italic</i>

* * *

Links

<a href="http://www.webfly.com">This is a link</a>

That's it, really! Easy and painless, just as I promised!

Head on over to Twitter now and join the conversation on design! You can also leave me a comment here and we can chat about all things easy HTML. 

Oh! And don't forget to sign up for the Better Business newsletter for monthly tips delivered right to your inbox (hint: there's usually always a freebie)!

Until next time,

ElleSignature
Comment

Elle Ay Esse

I'm Elle, a California girl transplanted to the Midwest with a goal of landing in New Orleans some time in the next five years. I'm self taught in all aspects of design, harking back to the bygone era of MySpace custom flash layouts. I have an eye for pattern and a love for color that makes me a perfect candidate for working as a web designer. Combining my love of design with coding and helping others and I am a natural teacher of all things blog related. My first ever blog was created on AOL Hometowns back n 2003 so I have had a lot of time and experience watching Blog Land grow and evolve and become a place of sharing stories, reviewing products and even making enough money to help support their families.