Almost everyone these days blogs and if you don’t blog then you’re the other half of the population who reads blogs. Either way, blogging has become a part of users’ online activities. And if you’re a blogger who wants to make their blog more interactive and reader friendly then there are a lot of tricks to the trade that can help you do so; one of which would be to use HTML codes.
HTML Codes

GASP! But I’m not a web designer, you’re probably thinking. And that’s OK because you don’t need to be one to know a few basic HTML codes that can really come in handy in your blogging. If you’re only going to learn 7 things about HTML in your entire blogging life, then the following 7 codes should be at the top of your list.

Header Tag

It’s pretty safe to say that all blog posts have titles, and if you’re one of the minute percentages who don’t title their posts then you’re probably trying to stay out of Google’s radar for some unknown reason (but why?). As for the other 99.99% of bloggers, titles will help people find your blog and using a header tag will allow them to do so more efficiently. In short, that could result in more traffic and better ranking. Header tags tell search engines what’s important on your page and how to determine the content.

Article Title

Sub Title

Additional Sub Title

The h1 tag can continue all the way up until or on some publishers.

Paragraph Tag

Unless you want to present your content in one long, chunk of text then paragraph tags are very helpful. They also make your posts look more welcoming and less frightening to visitors.

This is a paragraph. Have them in your posts.

Bold and Italic Tags

Whether you’re trying to rank for keywords, incorporate SEO or really just want to make a point in your post then bolding or italicizing words and or phrases is the way to go.

This is bold

This is italic

List Tag

Who doesn’t like lists? They make everything so organized and readable. Here are two ways you can code a list.

The unordered or bullet list:

  • Bread
  • Eggs
  • Milk

This would then look like this:

  • Bread
  • Eggs
  • Milk

And then there’s the ordered or numbered list,

  • Bread
  • Eggs
  • Milk

It looks like this:

  1. Bread
  2. Eggs
  3. Milk

Hopefully learning these basic HTML codes is on your list.

Image Tag

From time to time, or frequently for some, images are imbedded into the body of your posts. This can be for reference, relevancy, or just to make your posts look more interesting. This simple code allows you to insert images from your files,


Or site URLs that you have permission to use the photos of.


And if you’d like to resize the image you can use this:


Remember to always specify the image dimensions in your image tags for faster page loading and try to avoid resizing images that use HTML because this change will only be visible on your browser and not other users.

Anchor Tag

Links, back links, internal linking; the internet would be nothing without them. Letting your visitors access other pages of your site as well as other sites on the internet with just a click on a link or anchor text makes life easier for everyone. Here’s how you do it:

Displayed Text

If you want them to open a new tab to a page that’s not part of your site then use this,

Displayed Text

Mailto Command

In the real word there are fan mail; in the blogging world there are comments, shares, likes, pins, and emails. If you want to give your audience a chance to send you a private or special message telling you how awesomely inspiring your post was, or otherwise then here’s the code for a mailto: command.

Displayed Text

You’ve got mail!