Brief Tutorial - HTML Code

For my tech-savvy readers -

Check out these other sites -

http://www.w3schools.com/htmL/html_intro.asp

http://www.problogger.net/archives/2006/02/20/basic-in-post-html/
 
===

For my not so techy readers -

As promised -

A bit of HTML code -

BUT FIRST -

DON’T BE AFRAID OF HTML CODE -

It’s just like SHORTHAND - remember that? ;))

===

Go to the post we made yesterday called “TESTING 1-2-3” -

We are going to EDIT it -

Make sure that you are in HTML mode - (not COMPOSE) -

BOLD -

Go down to where you typed the word “BOLD”
Put your cursor on the “B” - “LEFT CLICK” and hold down the left button -
and drag it across to the “D” - then release the button -

The whole word should be HIGHLIGHTED in BLUE -

Go to the top of the post -
“LEFT CLICK” on the “B” next to “HTML” -

See the CODE? -
The first “b” with brackets is the beginning of the code for BOLD
(I can’t type the actual code - or BLOGGER will INTERPRET it - ;))
The last “b” with the SLASH and brackets is the END of the code for BOLD
The stuff between the two codes is - of course - going to be BOLD - ;))

If you ever get an error code that you are missing a “TAG” -
You have half of the code somewhere - and will have to type in the missing one -
or delete the extra half that you have - ;))


ITALICS -

Do the same thing with ITALICS -

Go down to where you typed the word “ITALICS”
Put your cursor on the “I” - “LEFT CLICK” and hold down the left button -
and drag it across to the “S” - then release the button -

The whole word should be HIGHLIGHTED in BLUE -

Go to the top of the post -
“LEFT CLICK” on the “I” next to the “B” -

See the CODE? -
The first “i” with brackets is the beginning of the code for ITALICS -
(I can’t type the actual code - or BLOGGER will INTERPRET it - ;))
The last “i” with the SLASH and brackets is the END of the code for ITALICS
The stuff between the two codes is - of course - going to be ITALICIZED -

If you ever get an error code that you are missing a “TAG” -
You have half of the code somewhere - and will have to type in the missing one -
or delete the extra half that you have - ;))


UNDERLINE -

Same thing with UNDERLINE -

Go down to where you typed the word “UNDERLINE”
Put your cursor on the “U” - “LEFT CLICK” and hold down the left button -
and drag it across to the “E” - then release the button -

The whole word should be HIGHLIGHTED in BLUE -

Go to the top of the post -
“LEFT CLICK” on the “ABC” with the line through it - next to the “I” -

See the CODE? -
It’s the CODE for STRIKE THROUGH -
NOT UNDERLINE - ;))

Gotcha!! - ;))

The first “strike” with brackets is the beginning of the code for STRIKE THROUGH -
(I can’t type the actual code - or BLOGGER will INTERPRET it - ;))
The last “strike” with the SLASH and brackets is the END of the code for STRIKE THROUGH
The stuff between the two codes is - of course - going to be STRUCK THROUGH -

If you ever get an error code that you are missing a “TAG” -
You have half of the code somewhere - and will have to type in the missing one -
or delete the extra half that you have - ;))

So - now we’ll fix it -

Go to the top of the post and “LEFT CLICK” on COMPOSE -
To switch to COMPOSE mode -

See that little bitty arrow in the middle of the bottom line?
“LEFT CLICK” on that and the box will get LONGER -
NOT wider - just LONGER - ;))

===
NOTE TO BLOGGER:

Oh, hell - nevermind - ;))
===

But do you see how BLOGGER used the code to change how the words look?

Cool, huh?

Up at the top - find the U with the underline under it -
Use that to UNDERLINE stuff -
Funny that you can’t do it in HTML mode -
But you can if you are in COMPOSE mode -

Anyway -

Skip a few lines and type in UNDERLINE - again -
Then HIGHLIGHT it and “LEFT CLICK” on the U with the underline at the top -
“LEFT CLICK” in some WHITE SPACE to turn the highlight off -
Go back to HTML mode -
And check out the CODES for UNDERLINE -
They are simply a "U" with brackets for the beginning -
And a "U" with a SLASH and brackets for the end -

BLOGGER will let you STRIKETHROUGH in HTML mode -
But NOT UNDERLINE -
Weird, huh?

Go to the top -
“LEFT CLICK” on SAVE - (for next time)
“LEFT CLICK” on CLOSE -
To get back to the POSTS page -
And then back to the DASHBOARD -
That isn’t called DASHBOARD anymore - ;))

Anyway -

Enough useless information for this post -

You can use the TESTING 1-2-3 post to PLAY on your own -

Play with the ADD OR REMOVE A LINK -

See if you can link to someone’s blog -

See if you can link to mine -

Copy the address at the top of this post -

Like I showed you yesterday -

Or this one -

http://alefthandedquilter.blogspot.com/

I still have to play with INSERT IMAGE -

I usually do links and photos while in COMPOSE mode -

For no particular reason -

Just habit -

And I really need to work on my system for downloading photos to my computer -
EDITING them - and then getting them on my blog.

I used to edit them using PICNIK - but that went away April 19 -
and I haven’t even looked yet to see what replaced it - if anything.

I’ve been trying to use PICASA - but it is really clunky.

I need to find some shortcuts - it takes me FOREVER.

You all know how I feel about computers -

I love them if they behave and do what they are supposed to do -

I hate them when they make my life difficult -

AND -

More importantly -

The more time I spend futzing with them -

The less time I spend actually sewing -

And I really would much rather SEW!! ;))

I have an idea that will let me do just that -

I'll tell you about it tomorrow - ;))



Talk to you later - gotta go - gotta sew -