Basic HTML Codes Every Blogger Should Know

As a blogger you’ve got your hands in a lot of things. Aside from being creative and sharing your hard work with others, you’re may also be a photographer, writer, social media expert, photo editor, model, and web designer. During the past year of blogging I have taught myself everything I know about HTML and how to make changes such as centering my sidebar images to completely re-doing my entire website. While I’m not discrediting getting a paid blog designer, I think it’s usefully to have some HTML knowledge so you can make easy fixes to your blog on your own without having to contact an expert every time something doesn’t look the way you’d like.

Basic HTML Codes that Every Blogger Should Know

Example: <=margin: 10px; float: left;" ="images/path/image-name " width="400" height="350" />
Tip: This may not work with all images. Some images may be distorted depending on their quality. Make sure when changing the size of the image that you keep the difference still in perspective. Example: Change Width “400” to “600” and change Height “350” to “550” so the image dimensions stays the same when increasing the size.

Tip: This will not work for images you have uploaded straight from your computer. The image must have an HTML code, which can be found either by uploading from or by switching to the HTML section located in the top right corner of your blog post draft.

REMEMBER: Before making any changes to your HTML blog design or HTML blog post, remember to always save your HTML code in a Word Document or backup drive that way you have something to go back to just in case something goes wrong while you are editing it. There are lots of HTML help sites that you can reference and I’ve listed my favorites below.

How to Insert a “Pin It” Button for all Images:

How To Center Your Blog Header:

Hope this information was helpful and I know it was very, very basic. Please don’t hesitate to contact me via the comments or email me at if you have any additional questions!

post signature


  1. Eeekk..these are basic!?!

    1. I know! HTML can get so confusing but if you put a little research into it... it gets a lot easier! Google can tell you anything!!

  2. I've used pretty much all of these! But I always have to google things so it's nice to have some neatly in one place :)

  3. Great tips! And, nice to meet you from the Utah Bloggers Page!

  4. Great post! Learning html codes is such a time saver.
    The Grass Skirt

  5. this is great! thanks for sharing.


  6. You don't enter exactly the same tags before and after. The beginning tags are surrounded by brackets <> and the ending tags have a slash inserted to denote the end of whatever formatting you have introduced, i.e., </>.
    For example, to make bold text you would enter:
    <b>This text is in bold.</b>
    Otherwise, all the text from the point where you entered the starting tag will be in bold.
    The best tutorial is at W3C schools.

  7. These are so helpful. Thank you so much for sharing.

  8. thank you for all the tips.

  9. Thanks for sharing this! I have learned a few of these just by working with my own blog. It makes it easier if you do know a little html.

  10. Thank you so much!

  11. We have the best online casino best gambling winnings are only here and now.

  12. Отличная led лента находится только у Ekodio, даже не сомневайтесь в этом, я лично проверял.

  13. شركة تنظيف منازل بالدمام
    شركة تنظيف منازل بالاحساء شركة تنظيف منازل بالاحساء
    شركة تنظيف منازل بمكة شركة تنظيف منازل بمكة
    شركة تنظيف منازل بجدة شركة تنظيف منازل بجدة
    شركة تنظيف منازل بالمدينة المنورة شركة تنظيف منازل بالمدينة المنورة


I always love to hear your comments & feedback! I put my heart and soul into this blog and I make sure to read each and every comment. Thank you! XO