Monday, July 9, 2012

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>
  • <sup>superscripts1</sup> 
  • <sub>subscripts1</sub> 
  • <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!

5 comments:

  1. All I have to say is... HUH? I just don't get it!

    ReplyDelete
    Replies
    1. I added a picture...does that help? I'm developing a HTML basics booklet that will go more in depth on how and when to use tags, etc. I hope to post it at the end of the month.

      Delete
    2. Bahahaha... huh? You do realize that I'm a total ding dong when it comes to this stuff. It's a miracle that I know how to do a post!

      Delete
  2. I could use said booklet, but when I read all that I said "is she effing with me right now" that was deep tech for this girl who felt proud when I learned how to < center >!!!

    ReplyDelete
    Replies
    1. People always think I'm effing with them. And I usually am. But HTML is serious bidness (okay now I'm effing with you). BTW, you center so wonderfully!

      Delete