HTML Sandbox

self | 10 Jan 06 | TPartyType

[TPartyType]

---

Welcome Newcomers!

This Sandbox is devoted to giving you a place to practice basic HTML, and to get some coaching.

---

So, first things first:

Go to michigander's [ HTML Bootcamp (Cyber patriot training)] and learn there how to change font color, font size, font face, and the like.
THERE'S A WEALTH OF INFORMATION THERE NOT COVERED HERE (so as to avoid duplication).
Learn there also how to post a link and an image, then come back here to practice.

If you're having problems, folks will drop by occasionally to give you pointers and help you troubleshoot.

---

Boring posts are a crime . . .

So practice here first!

---

NEWCOMERS TIP: I just reread the FreeRepublic posting guidelines. They're worth a read by all newcomers [click here].

---

Following is an excellent previous post by Willie Green

But first, HTML advice from the FreeRepublic help page:

Basic HTML
The Free Republic forum uses standard HTML coding techniques. Use <p> to start new paragraphs. You may use <b> to begin bolding and <center> to center text, but please remember to end these items where appropriate with </b> and/or </center>, etc. If you post links or other advanced coding, be sure to test before posting.

Creating new paragraphs is about the only html that most posters ever need, but if you would like to learn more about html you may use any search engine on the internet to find tutorials. Simply search on "html tutorial". Here are links to a couple tutorials that I found:

• HTML Goodies

• Three Rivers Free-Net Beginning HTML

The Basics

Paragraphs, Line Breaks and Horizontal Lines
A lengthy article or reply can be very tedious to read if it does not contain some very simple HTML formating. Inserting either of the following codes will make your post much more readable:

• <br> is a line break. Text that follows this code will begin on the next line.

• <p> is a paragraph break. Text that follows this code will begin on a new line after skipping a line.

• <hr> is a horizontal rule. It draws a line across the page like this:

---

Character Formatting
Simple special effects may be created using Character Formatting Codes. These codes are used in pairs in the format: <?>words to be formatted</?>, where <?> turns the formatting "ON" and </?> turns the formating "OFF".

Please: ALWAYS turn "OFF" the formatting when you use it.

Some commonly used codes of this type are:

• <b> and </b> -- BOLD
• <i> and </i> -- Italic
• <u> and </u> -- Underline
• <blink> and </blink> -- Blink
• <strike> and </strike> -- Strike
• _and -- _Subscript
• ^and -- ^Superscript
• <big> and </big> -- Big text
• <small> and </small> -- Small text

These codes can be "nested" to produce multiple effects at the same time. For instance:

<b><i>Bold and Italic</i></b> produces Bold and Italic

---

Links
The method for posting a HTML link is fairly simple. The following format is used:

<a HREF="URL">Link Description</a>

where "URL" is the URL address you want to link to (and you gotta use the double quotes), and Link Description is whatever you want to call your link. For example:

<a HREF="http://www.drudgereport.com/">Link to Drudge</a>

becomes Link to Drudge

---

And another from the same previous post:

<FONT COLOR="COLOR">Sample</FONT> produces colorful text.

"COLOR" is often a Hexidecimal Code for whatever Color you want, but color names are also supported.
Examples:

<FONT COLOR="blue">blue text</font> produces blue text

<FONT COLOR="red">red text</font> produces red text

<FONT COLOR="green">green text</font> produces green text

---

To: foolproof formatting

Here is an easy way to REMEMBER TO TURN OFF THE FORMATTING.

To be sure I turn off the formatting I TYPE THE "OFF" COMMAND AT THE SAME TIME AS THE "ON" COMMAND.

An example:
I want to respond to a line in a post by another brilliant Freeper.
I type < I >""< /I >< BR>
I then "cut and paste" his remarks between the quotes:
< i>" You are a poopy head "< /I>< BR>
And type my equally brilliant response: "No, you're a poopy head!"
The result:

"You are a poopy head"
No, you're a poopy head!

It's very easy to forget to turn off your formatting!
Yes it is!

---

To: ftrader, deport

Actually, the <ul> tag is for a bulleted list and stands for unordered list. The missing part is the list item tag (<li>) Here's an example:

<ul>
<li>List item #1
<li>List item #2
<li>List item #3
</ul>

Would display:

• List item #1
• List item #2
• List item #3

---

Finally . . .

Here's the link for [Webmonkey] (a super HTML training site).

[TPartyType]

heh, heh!

[Technical Editor]

Go to somplace like photobucket.com to upload a picture (no cost).

[TPartyType]

thanks for bumping by!

[NotJustAnotherPrettyFace]

Cool! Thanks for the tip!

[Technical Editor]

That's because in my messed up example, ALL the words were italics. That's how I messed up. I wish we could edit these posts. Look at the next post I made, and it should be clear.

Another example:

italicized words words not in italics

italicized words  words not in italics

Admittedly, in some fonts, the effect is not as bad. Clearly, the problem isn't showing up here as badly as I've seen some text elsewhere. I've seen some text that was much harder to read than my "bad" examples are in the font that FR uses. The problem varies with the use of different letters, also. A word ending in "m" looks worse -- team members. Arghh. For some reason, the problem isn't as severe in the font used here, but if you visit any sites with academic or scholarly articles, where scientific terms are italicized, you may notice what I'm talking about. It's a good thing to do anyway. I guess there's a tag that would allow me to present the HTML code here, but I don't know what it is. Here's a picture of it:

[NotJustAnotherPrettyFace]

The best cartoons Gary Larson ever did (in my opinion :-) were the two of the dog and the cat. They were the "what we say" and "what they hear" cartoons where the owner was scolding the animals. In the dog bubble (what they hear) were the words, "Blah blah blah GINGER.... blah blah blah blah GINGER blah blah blah.." In the similar cartoon for the cat (what they hear) was an empty bubble. :-)

I found these cartoons on greeting cards and framed them. We've moved several times and I'm sure they're still in a box around here.

[TheForceOfOne]

I yell at the dogs and all they do is go through all the tricks I have taught them. I think it's an animal conspiracy. They know darn well what I am saying!

From the corner of my eye as I was leaving for work this morning I could almost swear I saw the cat flash a gang sign to the dog. lol

[NotJustAnotherPrettyFace]

While I was growing up, we had a dog who could spell..... well sort of. The dog would get really excited when ever she heard the word, "Ride!" or "Car!" so we took to spelling them.... Pretty soon, she caught onto that too! (Cockapoo mix, by the way.)

[TheForceOfOne]

This picture is of my dogs Bear (on the left) and Roscoe (on the right)

Roscoe was a rescue.

[jellybean]

Okay, it still looks odd with the extra space, but you're probably right...it may depend on the font used.

To make the code appear you can use the chart on this thread post #4:

<&nbsp>

[restornu]

Colors for your art!

http://www.december.com/html/spec/color.html

[demkicker]

This is what happens when you:

1. have nothing to do

2. own a sharp knife

3. have a large lime

4. own a patient cat

5. drink to much tequila during football season

[demkicker]

WOW
THANKS!"

[Chena]

That's funny! Cats sure do some mysterious things some times. Don't you wonder if they're just messing with our heads?

My cat is an old girl. She's going to be 13 years old this spring. For an Alaskan cat who does go outside, it's amazing she's survived this long. Many don't. We lost one of our cats a few years ago, and we think the culprit was either the linx or the fox that hangs around here.

[Chena]

Thank you for the tip, Tech Ed. Photobucket was the one I had heard of before, but couldn't remember the name. I like the price too (no cost). :)

[Fierce Allegiance]

My cousin, who is a multiple launch rocket specialist, served in his secondary MOS as combat medic in Iraq. Home safe now! Thank God!

[TPartyType]

Tell Him Thanks for me.

[Fierce Allegiance]

I will! He knwos how FReepers are, he read FR while he ws there, and probably posts now. I sent him most every link where I discussed his service, and he'll see this one!

He's the "I'm just doing a job" type, though.

[xroadie]

ping to me!

[Jack Deth]

This Is My Chair!





My Humans have so many different places
Within this house's rooms and spaces
To sit or stretch out and relax, or be alone

Yet, when I wish to curl up and contemplate
Human foibles and the whims of fate
I like to do it out of mind and out of sight

I can hear the Pretty One on the phone
Chatting away as I silently roam
Up the stairs and over carpeted halls

To the small and cozy room where the Little One sleeps
Where I find my special aerie empty and silently leap
To shape and press my fur against a pillow plush and deep

With a seat worn smooth as the finest satin
The scents of oiled oak and leather send my whisker battin'
As I watch the Little One's fists curl up into tiny balls

It's only fair that my Humans should know
That I staked this chair out years ago
The first chair I leapt up to with azure eyes aglow

First in one room, then another, and all the rest
I like this chair right here the best
And if you try to separate us, there will surely be a fight!


Jack Deth~ 01/14/06.