Free Republic
Browse · Search
News/Activism
Topics · Post Article

Skip to comments.

HTML Sandbox
various freepers | Refreshed 6 Dec 02 | various freepers

Posted on 12/06/2002 9:33:54 AM PST by 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:

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:


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:

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:


Finally . . .

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


TOPICS: Free Republic; Miscellaneous
KEYWORDS: faq; html; htmlpractice; htmlsandbox; sandbox; yeehaaaaaa
Navigation: use the links below to view more comments.
first 1-2021-4041-6061-80 ... 261-280 next last

1 posted on 12/06/2002 9:33:54 AM PST by TPartyType
[ Post Reply | Private Reply | View Replies]

To: TPartyType
AWWW Just send them all to HTML BOOTCAMP!! That was where I learned!
2 posted on 12/06/2002 9:37:30 AM PST by areafiftyone
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType
Bookmarked this thread. I will check it out and practice over the weekend. Just checking up on things during my lunch break. Thanks for all the tips! :-)
3 posted on 12/06/2002 9:47:25 AM PST by nolaw0ady
[ Post Reply | Private Reply | To 1 | View Replies]

To: michigander
Paging michigander. Paging Drill Sgt. michigander. Methinks your services are about to be required again.
4 posted on 12/06/2002 9:47:56 AM PST by steveegg
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType
This is me practicing my mad html skills.

I can post a picture too:

Now I am distracted and no longer wish to practice html ...

5 posted on 12/06/2002 9:48:31 AM PST by spodefly
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType; MeeknMing; michigander; Alamo-Girl; First_Salute; harpo11

6 posted on 12/06/2002 9:49:00 AM PST by TPartyType
[ Post Reply | Private Reply | To 1 | View Replies]

To: nolaw0ady
You're welcome!
7 posted on 12/06/2002 9:50:18 AM PST by TPartyType
[ Post Reply | Private Reply | To 3 | View Replies]

To: spodefly
What are you going to practice now? . . . never mind! HA!
8 posted on 12/06/2002 9:51:38 AM PST by TPartyType
[ Post Reply | Private Reply | To 5 | View Replies]

To: TPartyType
Bumped and saved!
9 posted on 12/06/2002 9:53:24 AM PST by TheLion
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType; All
FYI--

http://www.freerepublic.com/focus/news/757944/posts

Reference HTML Cheatsheet
10 posted on 12/06/2002 9:54:50 AM PST by backhoe
[ Post Reply | Private Reply | To 1 | View Replies]

To: b4its2late; BansheeBill; Texas2step; wideawake; x; Aliska; Alex P. Keaton; backhoe
If you know of any newbies, send 'em here. Thanks!
11 posted on 12/06/2002 9:58:00 AM PST by TPartyType
[ Post Reply | Private Reply | To 8 | View Replies]

To: TPartyType
There are certain HTML codes that JohnRob (John Robinson, the technical guru of FR) has disabled in the current version of the forum (Focus) because they have proven quite troublesome. These may show up when replying to an old post (like the original HTML Bootcamp, but won't here. This is by no means a comprehensive list:

<marquee>
This text should be scrolling right-to-left in Internet Explorer browsers, but is not.

<span>
This text should have a yellow background, but doesn't.

<blink>
This text should be blinking, but isn't.


Also, while not closing tags may foul up one's individual post, it no longer kills the thread as a whole (at least in terms of HTML).
12 posted on 12/06/2002 9:58:53 AM PST by steveegg
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType
Hi there, TPartyType! HUGS!!!
13 posted on 12/06/2002 9:59:10 AM PST by Alamo-Girl
[ Post Reply | Private Reply | To 6 | View Replies]

To: TPartyType
Bump
14 posted on 12/06/2002 10:03:38 AM PST by Fiddlstix
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType
HTML Bootcamp (Cyber patriot training)



FORMAT HTML CORRECTLY, MAGGOT!!!


Greetings.

Thought you'd just drop in . . . eh?

Well don't sit down yet. Because any momentary lack of alertness, will almost surely result in a reply to some comment you've made, that you thought "innocent."

And that reply, will make you wonder, "What the heck are they talking about? You said 'A,' and they jumped all over you for saying 'B,' which you certainly did not say!" Momma!

So now that we've dispensed with the non-conflicted and centered state of your mind . . .

Recruits! Welcome to HTML Bootcamp!

The tennis racquets, golf clubs, and self-esteem, which you brought here, will be shipped out ASAP!

I recommend the movie, The D.I.starring Jack Webb, because your .. toes .. will .. be .. stepped .. on!

But you will learn to survive . . . and at all hours of the day and evening.

And you will become proud to wear the the title by which members of

this force of veteran freedom fighters is known: Freepers.

"That is all." ( Psssst... You might check this out: The Flow of Cash ... and Rights )

30 Posted on 03/08/2000 18:45:42 PST by First_Salute


Line Break: <br>
When you type <br> at the end of a line of text
This is what happens.

New Paragraph: <p>
When you type <p> at the end of a line of text

This is what happens.

As far as the basics, that's all you "need" to know.


These you need to turn something "on" and "off".

Bold "on" = <b> Bold "off "= </b>
Typing in:
<b>Bold</b> no more bold
Looks like:
Bold no more bold

The rest work the same way

Italic: <i></i>
Italic

Underline: <u></u>
Underline

Strikeout: <s></s>
Strikeout

Center: <center></center>

Center

Nothing to it right?
Now these require you to enter what you want between the " and ".

Font Size: <font size="?"></font> (?=font sizes; 1-7)
1234567

Font Color: <font color="#??????"></font> (??????=color)
#000000 Black
#FFFFFF White It's White, trust me it's there (highlight it with your pointer)
#FF0000 Red
#00FF00 Green
#0000FF Blue
#00FFFF Cyan
#A020F0 Purple
#FFA500 Orange
#FFFF00 Yellow
#A52A2A Brown

To: michigander

You can also use colors in English!

Font Color: <font color="??????"></font>
(??????=color)
Black
White It's White, trust me it's there (highlight it with your pointer)
Red
Green
Blue

Thanks brityank!

Click here for a all(?) the color "English" names and "#" codes.

Select Font: <font face="?"></font> (?=font)
Arial
Times New Roman
Wingdings (Wingdings)
Creepy
Courier
If these don't show up as different fonts, these particular fonts aren't installed on your system.

These rquire you to enter a reference address (URL) between the " and ".

How to post an image: <img src="?" height="" width=""> (?=the URL of the picture)
In this case the picture URL is: http://www.freerepublic.com/images/frlogo.gif
the image height is 130, the width is 150
(It's from the FR home page)
<img src="http://www.freerepublic.com/images/frlogo.gif" height="130" width="150"> =

Be sure to add the height and width sizes if at all possible. It allows the threads to load more efficiently.

About now you may be wondering. How do I find the picture address, height, and width?

Some pointers on formatting images:
If you use an IE browser, and see a graphic you want to bring to the FR forum, just right-click on the graphic, and look at the "Properties" menu. Then highlight the "Address" listed in the Properties window, right-click on the selected Address, and choose "Copy" from the popup menu. Now the address of the chosen graphic is in your Windows clipboard, ready to be pasted.

As an example, the "China Spy Guide" graphic on FreeRepublic contains this address: http://www.freerepublic.com/images/prcexports.jpg

In order to place it on a Reply page, I would normally center the image, and add a caption underneath:

<P>
<CENTER><IMG SRC="http://www.freerepublic.com/images/prcexports.jpg" height="120" width="120"><BR>
China Spy Guide</CENTER>
<P>

The above HTML shows up as:


China Spy Guide

Thanks Cultural Jihad!

Links are a 2 step process. Where you want to go and something for the pointer to "click" on.
Link Something: <a href="?">??</a> (?=the URL of the page, ??=something to "click" on)
In this case the page URL is: http://www.freerepublic.com/forum/a3a9d21696f05.htm (One of the Alamo-Girl NEWCOMERS pages)
<a href="http://www.freerepublic.com/forum/a3a9d21696f05.htm">(One of the Alamo-Girl NEWCOMERS pages)</a> the </a> turns off the link. =
(One of the Alamo-Girl NEWCOMERS pages) the </a> turns off the link.


Some more useful tips.

How did I do this?
Michigander, thanks for the writeup. I'm sure it'll help a lot of folks. But you really should have anticipated that someone's going to wonder how you managed to put the HTML commands inside brackets with no spaces and actually have them show up, instead of executing.

Folks, if you want to do what Michigander has done - making an HTML command *appear* instead of being acted upon by the browser, there's one more trick. Instead of typing < type the ampersand(&) pound(#) and 60. To make > appear, type ampersand pound 62 (no spaces anywhere). In between, you put the HTML tag you want to appear on the screen.

There may be another way to do the same thing, but this is the one I use.

</clinton>

Michael

Thanks Wright is right!

I use &lt; for < and &gt; for > because it's easy to remember "less than" and "greater than".

( And to get those to view on screen, I had to use &amp;lt; and &amp;gt; -- don't forget the semicolons!)

Thanks Willie Green

How to "Copy and Paste" text.
Highlight (darken in) the part you want to COPY with the mouse.

Do this by pressing DOWN the left click on ther mouse and HOLDING IT DOWN while you drag it over the portion to be copied.

You will see it darken in.

Then RIGHT CLICK on that darkened in portion.

A menu will come up.

LEFT CLICK on "copy" on that menu.

Go to the site you want to paste the copied part onto.

(for example free republic "reply").

RIGHT CLICK AT THAT SPOT.

A menu will come up.

LEFT CLICK on "paste" on that menu.

The copied portion will appear.

Thanks Joe Montana!

Another quick way to get the HTML codes is to go and "View Source" -- in Netscape it's on the top, or you can right-click on the page with the mouse. If you're in a Frame, select "View Frame". You can then either learn how it's done, or highlight the HTML you want, then hit Control-c to place on you're clipboard; go to where you want it inserted, and after positioning the cursor, do a Control-v to paste it in place. Or you can right-click the mouse, and those selections are there.

Remember to Preview and check the codes are working and are all </closed>.

Thanks again brityank!!

With the recent changes at FR, any open HTML tags will be automatically closed at the end of every reply or post.

Here is a list of the HTML tags that are available for use within the forum.

What do Bump, Ping, Bttt, ROTFL, LOL, VRWC and all those other terms and acronyms I see used here mean?
Stop by the Lexicon of FreeRepublic - 4th Edition. You'll be glad you did!

Previous Threads:
HTML for FReeper Newbies
Basic html formatting
Basic html formatting
HTML Bootcamp
HTML Bootcamp
HTML Assimilation
HTML Bootcamp (or how did they make that cool post/reply?)
HTML Bootcamp (or Wow, how did they do that?)
HTML Bootcamp (Cyber patriot training)
Go to the HTML Sandbox to practice!

Finally, a few words from Mr. Robinson:

Free Republic is an online gathering place for independent, grass-roots conservatism on the web. We're working to roll back decades of governmental largesse, to root out political fraud and corruption, and to champion causes which further conservatism in America.
And we always have fun doing it. Hoo-yah!

Try to remember that last sentence and don't take things too personally.
At ease, as you were, smoke 'em if you got 'em, carry on, and all that stuff.
That is all.


15 posted on 12/06/2002 10:05:27 AM PST by michigander
[ Post Reply | Private Reply | To 6 | View Replies]

To: TPartyType
Hey, how come this doesn't work.

alert('ALL YOUR SENATE ARE BELONG TO US')

It works over at www.DUmpster.com.

Chuckle, chuckle chuckle!!

16 posted on 12/06/2002 10:07:52 AM PST by McGruff
[ Post Reply | Private Reply | To 1 | View Replies]

To: TPartyType
Hi TPartyType.
Glad to see you back starting HTML Bootcamps where the HTML impaired can practice. (I learned the HTML basics at FR!)


NATHANIEL CURRIER: The Boston Tea Party
17 posted on 12/06/2002 10:13:03 AM PST by BansheeBill
[ Post Reply | Private Reply | To 1 | View Replies]

To: McGruff
Hey, how come this doesn't work.

alert('ALL YOUR SENATE ARE BELONG TO US')

It works over at www.DUmpster.com.

Chuckle, chuckle chuckle!!

Is this a multiple-choice question?


18 posted on 12/06/2002 10:13:22 AM PST by steveegg
[ Post Reply | Private Reply | To 16 | View Replies]

To: backhoe
thanks! Good one.
19 posted on 12/06/2002 10:43:06 AM PST by TPartyType
[ Post Reply | Private Reply | To 10 | View Replies]

To: TPartyType

Thank you very much. I have bookmarked the url and will start learning right away.
20 posted on 12/06/2002 10:44:13 AM PST by woodyinscc
[ Post Reply | Private Reply | To 1 | View Replies]


Navigation: use the links below to view more comments.
first 1-2021-4041-6061-80 ... 261-280 next last

Disclaimer: Opinions posted on Free Republic are those of the individual posters and do not necessarily represent the opinion of Free Republic or its management. All materials posted herein are protected by copyright law and the exemption for fair use of copyrighted works.

Free Republic
Browse · Search
News/Activism
Topics · Post Article

FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson