Log in

Sign in with your email address and password:

No account? Sign up here.
Forgot your password? Reset it here.
Didn't receive account confirmation email? Request a new one.

How To Understand The HTML Code On Your Blog

When you started blogging you probably didn’t expect to have to learn coding with HTML, or any coding at all. The bad news is you do have to learn HTML if you want to be able to design the way your webpage looks. The good news? Once you have the hang of HTML you can make changes to your webpage the same way a professional web designer would.

How to Understand the HTML Code on Your Blog

What is HTML?

HTML (Hypertext Markup Language), a standardized system for tagging text files to set font, color, graphics, and hyperlink effects on websites, blogs or webpages. How is HTML different from CSS (Cascading Style Sheet)? HTML focuses more on the content and structure of the webpage. CSS is more on the presentation and design.

HTML Coding

An HTML code has parts. It starts with a left pointing bracket, a character (defining what the tag is supposed to do) and a right angle bracket. The closing tag ends the sequence in the same manner, except that it has a forward slash before the character. Here is what an HTML line looks like: <b> Lorem ipsum blah, blah, blah </b> The opening and closing tags serve as a container for the content. What is in between them will appear on the webpage.

Coding for Heads and Text

Say for example you want to make the title of your page. It should look like: <head> Your title here </head> Getting into the details, if you want a main title and a catchy support statement underneath that, your code line should look like: <h1> Your main title here </h1> <h2> Your catchy support statement here </h2> The code for your main text should look like: <body> Your main text here </body>

Formatting Fonts

If you want a font to look bold, Italic or underlined: <b>The text you want in bold</b> <i>The text you want italicized</i> <u>The text you want to underline</u> 

Coding for Images

Of course text is not the only thing you want on your website, images make them more attractive. Arrange the code where you want the image on your page. Image tags should look like: <img src= “(A)” width = “(B)” height = “(C)” alt = “(D)” > Don’t type the parentheses with your entries. For this purpose: A is where you got your image from, be it the Internet or your hard drive. B is how wide you want the image to be. C is how tall you want the image to be. D is called the alt tag. It’s the text you want to appear when readers hover their mouse over the image.

Coding for Block Quotes

Putting quotes in strategic places of your website is a good way to break the monotony of the site and emphasize a point. Position this block quote in the right place and make the command line look like so: <blockquote> “I did not have sexual relations with that woman.” –President Bill Clinton </blockquote>

Coding a Numbered List

Sometimes you have to have a numbered list as part of your blog. This item is classified as an Ordered List (ol). Your code should look like this: <ol> <li> the first item on the list </li> <li> the second item on the list </li> <li> the third item on the list </li> </ol>

Coding a Bullet List

A list consisting of bullet items is considered an Unordered List (ul). Your code should look like: <ul> <li> the first item on the list </li> <li> the second item on the list </li> <li> the third item on the list </li> </ul> Are you getting the hang of it yet? Don’t worry, there are many guides you can refer to online anytime you feel lost. Think of learning HTML code as a knowledge investment, the sacrifice you make now will benefit your blog later on.


Submit a Comment