Blogger HTML Tutorial

Blogging

Most bloggers should know basic HTML, which is the predominant language to create structured documents online or lay out webpages. Although most blogging platforms such as Wordpress, Blogger, Tumblr and Movable Type already tend to have HTML editors built into them, and there are programs to create HTML code for you like Microsoft Front Page or Macromedia Dreamweaver, these programs and blogging platforms are not perfect and can crash. So it is very important for bloggers to learn HTML just in case they run into a problem with a Web editing program.

What is HTML?

HTML stands for Hyper Text Markup Language. It was created in 1980 by a physicist named Tim Berners-Lee. It allows bloggers to create paragraphs, lists, links, embed pictures and do much more creatively with their blogs. HTML is not complicated to learn and makes your document or Web page look professional and organized.

Current blogging systems have a WYSISWYG editor in them that will automatically generate HTML code, but sometimes the editor may not allow you to place a link exactly where you would like, change the color of text, embed an image in a certain size or position or format a list or chart exactly to your desire. That's where learning basic HTML comes into play. With the basics there is really no limit to making your blog everything you want.

Basic HTML Coding

Here are some basic HTML codes you should know and their applications:

To create paragraph breaks:
<p>your written paragraph</p> or <br><br>your written text here<br><br> or your written text here<br /> your written text here

To make text bold:
<b>your written text here</b> or like this<strong> your written text here</strong>

To Italicize text:
<i> your written text here</i> or<em>your written text here</em>

To create underlined text:
<u>your written text here</u>

To change the color of the text:

<font color="choose your color"> your written text here </font>

Sometimes the colors require codes, so in order to change the color you would insert these codes into the "choose your color" field as written above:
Black - #000000
Red - #FF0000
Green - #00FF00
Blue - #0000FF
Yellow - #FFFF00
White - #FFFFFF

To create a numbered list:
<ol><li>write your first item here</li><li>write your second item here</li></ol>

Or to create a list with bullet points:
<ul>
<li>write your text here</li> (This is equal to one bullet point to add bullet points repeat the <li>text</li>)
</ul>

To insert pictures:
<img src="put the website http:// address of the picture here">

To align a picture:
<img src="insert pic address here" align="left/right/center">

To link text to other Websites:
<a href="insert the Webpage link here"> Your written text goes here</a>

References

• Blogger
• wikiHow

Resources

• HTML Code Tutorial