HTML Sandbox

Refreshed 1 July 03 | Various FReepers

[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).

---

Click here for previous HTML Sandbox thread.

[Brad’s Gramma]

You start talking to yourself and by George, it's all downhill from there.

[glock rocks]

it's okay. I don't listen.

[Brad’s Gramma]

Oh. OK then.

I think you'll be fine.

[Brad’s Gramma]

Testing..........

[glock rocks]

I'll have you know that Rolling Rock (Latrobe PA's finest beer) makes really neat little sparkles when you blow a mouthful on the display. however, the keyboard is a little more sticky than it is when I allow my children to use it...

[Brad’s Gramma]

That's really deep.

I need to ponder that for awhile.

ACTUALLY me and the boy and the pooches are going for our evening stroll. BBL

[Frank_2001]

Great post. Thanks!

[Brad’s Gramma]

Please, anyone, tell me you can see this!

[MaryFromMichigan]

I'm sorry. I can't see the image.

Here is some info from "Dave's Interactive HTML Tutorial"
In-line Images...

You may also add images (pictures) to your web page, as long as the image is in the .gif or .jpg (or .jpeg) file formats. You will not be able to use .bmp format files! The basic tag for in-line images in <img src="location">. It is also recommended to add HEIGHT and WIDTH attributes to the IMG tag, which will allow the image to take proper proportions on a browser that is not currently viewing images. It is also recommended to use the ALT="what picture is" to tell a person what a picture is in case it is still loading or they are not viewing images. (The IMG tag has no closing tag!)

Example of a basic in-line image...



<img src="http://www.davesite.com/graphx/davesmll.gif" WIDTH=200 HEIGHT=50 ALT="Dave's Site">

If your image is in the same directory as your HTML file, just use the image name. If your file is welcome.jpg, you can use <img src="welcome.jpg"> Then add the appropriate height, width, and alt attributes as mentioned above.

[Treasa]

HEY It worked!!!
*Happy Fourth of July Everyone!*
Specially jla who told me about Free Republic...
Thanks..Trease

[Treasa]

Well it almost worked!..ha,ha.. Heres the picture:

[kylaka]

Once you type your tagline in it should remain on every post until you remove or change it.

[Sunsong]

I'm going to try this, on preview it just shows a white square with a box in it

[MaryFromMichigan]

It seemed you have a little trouble posting a picture.
Unless of course, you MEANT to post a white square with a box in it!
In that case, IGNORE the rest of this message! :-)

The basic info on how to post a image:

1. Write: <IMG SRC="image.gif">

2. In the "image.gif" type in the image's location

Not sure what "image's location" is?
Click on the image and then click on "open this image" or "view image" or similar phrase.
What you'll see in the location bar is (of course!) the location! :-)

3. Post!

You can get the "finer" points later!)

One short note- Yahoo, Agelfire and others will only allow their images to be used by fee paying customers.

[Britton J Wingfield]

feh

[Britton J Wingfield]

feh I say

[Britton J Wingfield]

Thanks.

[marvlus]

for future reference

[lorrainer]

So, does this tag fit?

[lorrainer]

Apparently not!



stEureotype - the obnoxious garlic-breathed drunken homosexual concentration-camp bullfighter who's into organised crime.—Mark Steyn