Learning HTML Basics

I think as a blogger it’s important to know a little bit of HTML basics. I know most sites have templates but sometimes it’s harder to try to figure out how to add something through a template. This way you are a little familiar with all that HTML mumbo jumbo!

Always remember there’s an opening tag and a closing tag.

Simple Font Changes

<b> = opening tag </b> is the closing tag. This is how to make a word bold. So you would enter this in the description                I <b>LOVE</b> You! Which will give you I LOVE You!

Above tag is also the same for <u>underline</u> and <i>italics </i>

If you want to create a new paragraph use this code <p>Place paragraph here</p>

Adding an Image

If you want to insert and image you want to type this code:

<img src= “URL of image location”>

Your image has to be uploaded to a server space. If you have a WordPress site the image URL will be in your media section. If you do not gave your own server space you can use photobucket, shutterfly or any other online free server spaces.

Creating Links

If you want to create a link you want to add this:

<a href=“ URL of the website you want to link to”>Click here (or title of link for example ‘My Blog’)</a>

Let’s say you want to link a photo, you would simply combine the codes:

<a href=”URL of Website you want to link to”><img src=”URL of image location”></a>

So instead of the Click here you will click the photo to go to the website.

Now let’s say you want the link to open in a new window. You will add target=”_blank” to the code so it will look like this:

<a href=”URL of site you want to link to” target=”_blank”>Click Here</a> or

<a href=”URL of site you want to link to” target=”_blank”><img src=”URL of image loction”></a>

So now that you know how to add some HTML to a page whether it’s a sentence a link or photo, let’s try to place it where we want it. You will add this tag in front.

Positioning

<div align=”right”>Your sentence or photo will go inside the tag and when you will add the closing tag</div>

There’s also <div align=”center”>All your info here</div> and <div align=”left”> Info here. </div>

Adding  a Download to your Site

Do you ever wonder how people add downloads to their sites. It’s the same thing as a photo and link. You have to first have the file uploaded to a server. You can upload it to your site if you own it or you can use a Download Storage like Google Drive, Cloud etc.

<a href=”URL of File Location”>Download here</a>

I think these are some of the most common and basic HTML codes that I use and have used most.

The more you study HTML the more sense it makes to you so when you want to make small chages you will know where to look and won’t have that deer in the headlights look.

Check out my other Blogging Tips! Have a great day!