HTML Basics for Bloggers #1: Bees & Head Lice

I'm super late with this post. There will be two HTML posts this week to make up for the lack there of last week. Please forgive me.

Visual editors are the bees knees. But there will come a time in your blogging life, if there has not already, that a line will appear out of nowhere or an image just won't align. It's like head lice at summer camp, there's no escaping it. Might as well learn a little bit about HTML. Each week in July, I'll be offering up a quickie lesson. Today, we're looking at basic tags.

Tags go around text you wish to modify and almost always come in pairs, a beginning and an end: <tag>change this, yo</tag>. Give these a try...

• <strong>bold</strong>
• <em>italic</em>
• <u>underline</u>
• <s>strikethrough</s>
• ^{superscripts¹} 
• _{subscripts₁} 
• <p>paragraph</p> don't want it left aligned? try <p align="center"> or <p align="right">
• <blockquote>might wanna use this for quotes or whatev</blockquote>
• <br /> single line break
• <hr> horizontal line
• <h1>headline</h1> (h1-h6 available with 1 being largest and 6 being smallest)
• <a href=“http://url.com”>Link to a site on the innerwebs.</a> (<a href="http"//url.com" target="_blank" will open it in a new page!)
• <a href="mailto:emailaddress@provider.com">email link</a>

Here's a HTML/WYSIWYG splitscreen. (Click to view larger.)

In upcoming lessons, we'll look at images, lists, tables, changing fonts, troubleshooting and more! Any requests?

HTML Basics Sponsored by Whatever is Lovely & Noble. Stop by and say hi!