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.
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.
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.
Additional Sub Title
The h1 tag can continue all the way up until or on some publishers.
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
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:
This would then look like this:
And then there’s the ordered or numbered list,
It looks like this:
Hopefully learning these basic HTML codes is on your list.
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.
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:
If you want them to open a new tab to a page that’s not part of your site then use this,
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.
You’ve got mail!