Basic HTML Skills for Bloggers

As mentioned in our Skills of a Blogger post. One of the essential skills of any blogger is basic HTML knowledge. HTML has been around a long time and is easy to learn and use. You do not need an exhaustive amount of knowledge in this area just enough to get you through the standard rituals that all bloggers go through on a daily basis.

What does HTML mean?

HTML stands for HyperText Markup language.

Keys to Understanding

For the most part HTML tags have a beginning and an end:

:This is the Beginning This is the end:

However, some tags are singular:

This tag is singular: 

Singular tags should end looking like this: />. Unfortunately the code display script I’m using doesn’t display this correctly.

The best way to learn is to just copy the tags from here and input them in a test blog post. Play around with them and work on memorizing them for later use. You can only rely on the WYSIWYG editors so much until you run into problems.

Header Tags

Header tags are useful for highlighting topic ideas and titles on your posts and blog. These tags are also viewed highly by search engines and should be used correctly.

Heading 1

Heading 1

Heading 1

Heading 1

Heading 1

Paragraph Tag

Paragraph tags help you wrap all text that isn’t a header. This gives you nice gaps inbetween each paragraph, and also gives you the ability to change the alignment easily.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sapien dui, volutpat vitae, vulputate nec, vehicula facilisis, leo. Integer commodo nisl nec lacus.
Left

Center

Right

Link Tag

Ever clicked a link? Of course you have! This is how it was accomplished.

What You Want to Display

If you want to open a new window when the link is clicked add target=”_blank” after the URL.

Image Tag

You and the image tag will be spending a lot of time together.

title of image

You can add width and height to the image by using this syntax: width=”variable” height=”variable”.

Formatting Tags

If you have ideas and messages in your text that you want to stand out from the rest these will be your friends.

Bold
Italics

[Post to Twitter] 

This entry was posted in Blogging. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

2 Comments

  1. Vanessa
    Posted April 29, 2009 at 5:46 pm | Permalink

    Hi Christine!

    Do you have any recommendations for a website host? I was looking for one where I could host my online portfolio, as well as a website for my dance group. I’m a little confused when web hosts say they “HOST unlimited domains”. Does that mean that they host unlimited domains on OTHER servers, or can you have more than one website with its own domain name hosted on the server space that you pay for? (such as how you have temptalia.com, socialmissive.com, as well as pawsandkisses.net). If you could email me or message me back, that would be SO helpful :)

    Thank you so much!

    Vanessa

    • Posted May 7, 2009 at 4:02 pm | Permalink

      Hey Vanessa,

      I like Dreamhost. They’re cheap, easy to deal with, and you’ll have no problems with them if it’s just your online portfolio and dance group site!

One Trackback

  1. By The Skills of a Blogger on April 29, 2009 at 4:48 pm

    [...] Social Missive’s HTML for Bloggers Tutorial [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

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