Wednesday, May 1, 2013

{tutorial} basic html

Being a blogger, chances are you’ve had to deal with HTML at some point. For me, it seemed like a totally different language (okay maybe it still is…) but I’m discovering that it’s really not that difficult to understand the basics. Operative words = the basics. I am no pro. Likely never will be.

We’re all attracted to the successful blogs, of course, but there is a special place in my heart for the newbie (aka "noob"). I love watching them grow from the ground up, into a world unfamiliar to them. Because not too long ago, that was me.

I am providing a little cheat sheet for your reference, so that you may perform some basic blog editing on your own.

When you see, YOUR URL HERE, I’m talking about the web address that you’re linking to so for example the url of this site is
When you see YOUR IMAGE URL HERE, this means the url that links to your image. If you’re taking an image that’s already somewhere on the internet, all you have to do is right click and you should see “copy image link” or “copy image url.” Something along those lines.

But if you’re uploading your own picture you’ll have to host it on a server somewhere. Personally I like  PhotoBucket-- a free image hosting service and can hold tons of images. Should you wish to upload an image from your Photobucket account, there is an option on the right-hand side of the page that says Direct URL…simply copy that.


Creating a text link:

Input: <a href=””>Blog: All My Happy Endings</a>

Output: Blog: All My Happy Endings

Inserting an image:
<img src=”YOUR IMAGE URL”>

Input: <img src=””>

Linking an image to an outside source:
<a href=”YOUR URL HERE”><img src=”YOUR IMAGE URL”></a>

Input: <a href=””><img src=””></a>

Making a link open in a new window:
After the “URL” insert

(Opens in same window) Input: <a href=””><img src=””></a>


(Opens in new window) Input: <a href=”” target=”_blank”><img src=””></a>

Inserting a break (space between lines):

Inserting a new paragraph (space between lines):

Centering text or an image:
(This is really useful if you want to center things like blog buttons or ads in your sidebar)

<center>YOUR URL OR TEXT</center>

If you have basic HTML suggestions, I love hearing from you!


  1. This is super helpful!! Thanks!! :)

    Also - did you know you're a "no reply" blogger?

    1. Really, because I'm sending it might be a little weak. Thanks for the tip!

  2. Replies
    1. Really?!? I'm not sure I'm helping anyone -- everyone grasped this ions before I did. :-)

  3. Mandi- this really was a very helpful post :) As a "newbie", my major pet peeve is not knowing enough to really help enhance my posts/blog (why I had to pay for some design help). This will be wonderful along the way to incorporate into my blog!

  4. AWww! I wish I saw this when I started my blog! Would've saved me hours of headache trying to figure out my own HTML, but it has been a fun journey :) Great site, glad I found it!

    Have a great week :)


  5. This is such a helpful list. Thank you so much for Linking up to Fluster's Creative Muster Party!

    Fluster Buster

  6. AnonymousMay 10, 2013

    This may seem extreme, but if you really want your wife to ever trust you again,
    then you can never ever speak to the other woman again.
    The wife is to submit to the husband in the way that the church submits.
    It's a difficult decision and one that only you can make therefore be gentle with yourself.

    my site; married dating


I am incredibly grateful for your comment! I will respond as soon as possible. XOXO, Mandi

Related Posts Plugin for WordPress, Blogger...