HTML Basics. Must-Have Knowledge For WAHMs, Small Business Owners and Bloggers.

Must Know HTML Basics

photo credit: Chapendra via photopin cc

When you start a small business or start your own blog there is so much information you need to learn.  It can be overwhelming at times but I promise you the information in this post is a must.

WAHMs and bloggers rely on computers and the internet for their bread and butter.  To make the most of it you need to have a basic understanding of how it all works.

You have probably heard of HTML before.  HTML (Hyper Text Markup Language) is how websites are created.  It is code that your internet browser reads and translates into images and text.  Neat eh!

You can start a blog or website without ever learning HTML as many platforms have easy to use visual editors.  BUT there is a limit to what the visual editor can do.  Have you ever tried to insert a video or image into a blog post and pressed the ‘center’ button but no matter what you do the darn thing will not do what you want? ßPersonal experience.  Let me tell you it gets frustrating.

I am going to show you a few tidbits of HTML.  I use these examples on a regular basis.

Note: There is technical jargon for some of the words I am using but I am trying to simplify it to the very basic to make it the easiest to understand.

The Very Basic Building Blocks of HTML

The very first thing you need to learn about HTML is the <> </> brackets.  These are the building blocks of HTML.  If you try to put in a command but forget to use <> </> it will not work.

For example if we want to have the word awesome in bold it would look like:

<b> Awesome! </b>.

Awesome!

Now let’s break it down.

To start the code we use < > brackets with the command inside.  To make wording bold we use a b.

<b>

After the beginning command – which tells the computer the following word(s) will be bolded – we put the word(s) or phrases we want bolded.

See how easy HTML can be

Our final step to tell the computer we are finished bolding.  In order to tell the computer to stop you use the < > brackets but with a / to signify that command is finished.

See how easy HTML can be and now I am not in bold.

See how easy HTML can be and now I am not in bold.

Ta-Da!  You now know how HTML works.

Here are some more commands that I use on a regular basis.

Center – <center> </>center>

Left – <align=”left”> </align=”left”>

Right – <align=”right”> </align=”right”>

Italics (emphasis) – <em> </em>

Plain (regular text) – <p> </p> — also stands for paragraph.

Heading (important) – <h1> </h1>

Heading  (less important) – <h2> </h2>

If you use special characters often (copyright etc) make sure to check out W3C’s chart found here.

Create Killer Content For Your Blog
Content is Queen. Killer content is the best way to grow your blog. Enter your email and we'll send you our 20 page ebook 'Create Killer Content For Your Blog' immediately. It's free.
We hate spam. Your email address will not be sold or shared with anyone else.

10 Comments

  1. Suzi Satterfield @ Cloth Diaper Addicts July 22, 2013
  2. Brynn @ MommyDigger.com July 22, 2013
    • Cat July 22, 2013
  3. Sharon July 22, 2013
  4. Heather Johnson July 23, 2013
  5. affiliate marketing zappos July 24, 2013
  6. motivation to write a report July 24, 2013
  7. affiliate marketing xing July 24, 2013
  8. Christopher James August 15, 2013
  9. unsecured loan bad credit December 3, 2013

Add Comment