9/12/08

10 Beginning Blogging Tips: Learn Some HTML

Last month, I gave you a list of 10 Beginning Blogging Tips. I promised to break them down for you and give some special attention to each point. This is the first in this series.

When you do your research to begin blogging, you'll find all kinds of cool things that people do on their blogs. Unless their particular blogging platform has buttons for these effects, they used HTML or "hotmail" tags.

HTML tags must be enclosed with the little punctuation marks that look like "less than" and "greater than" marks: < and > . Remember those from math class? If they are not enclosed, you have an "open tag" and the HTML code won't work.

One tag that I was first fascinated with was the strikeout. The strikeout makes a word or phrase look like it has been crossed out. Here is an example:


Needless to say, I was ticked off mildly upset.


You can also use the strikeout to cross items off of a list. Many bloggers will keep their summer reading list in the sidebar and cross out each title as they finish it. There are many great uses for the strikeout tag. To strikeout "ticked off" above, I click the edit html tab and type the line with the tag ticked off . The "del" part stands for delete.

Notice that the tags come immediately before and after the word or words you want them to change. Also notice that the ending tag has a "/" mark before "del". That slash mark is very important since it tells the computer to stop the action begun by the first tag.

Another tag that I have found useful is the center tag. I used this tag in the above example as well to center the line. This sets a phrase apart from the rest of the post and comes in extremely handy when quoting someone or another site. Simply enclose the word "center" with <> before and "/center" with <> afterwards.

Here are two useful sites that I found for teaching yourself some HTML tags. You can easily integrate these into your blogging for extra dramatic effect.

CDI's Comprehensive HTML Cross Reference

HTML tags chart from WebSource. Scroll down for the chart.

I highly recommend that you visit Blogging Basics 101 for more great HTML resources.

Another way to learn HTML codes is by writing your posts in compose mode (sometimes called WYSIWYG for "what you see is what you get") and study the HTML version to see what kinds of tags are used when you make a word boldface or a different color or make words into a link.

3 comments:

Anonymous said...

Thank you for including BB101 in your links. I'm glad it's a good resource for you!

Lisa said...

Ohhh this was a great idea Heather.

I am hopeless at figuring out code myself. So this has helped quite a bit.

Kokopelli said...

Thanks! Maybe this will help me understand how y'all imbed YouTube videos into your posts.