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

Skip to comments.

HTML Sandbox
self | 10 Jan 06 | TPartyType

Posted on 01/10/2006 7:29:56 PM 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 . . .

Cartoon_cop.gif - (12K)

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
KEYWORDS: 2006; 2006html; faq; fr; html; htmlsandbox; lexicon; newbies; newcomers
Navigation: use the links below to view more comments.
first previous 1-5051-100101-150151-200 ... 801-826 next last
To: EsmeraldaA

No worries. What I guessed worked.


101 posted on 01/14/2006 7:13:59 PM PST by don-o (Don't be a Freeploader. Do the right thing. Become a Monthly Donor!)
[ Post Reply | Private Reply | To 98 | View Replies]

To: don-o
That is very sweet. :)

You got it .
102 posted on 01/14/2006 7:14:18 PM PST by EsmeraldaA
[ Post Reply | Private Reply | To 100 | View Replies]

To: don-o

So; you can move my smiley now?


103 posted on 01/14/2006 7:19:09 PM PST by EsmeraldaA
[ Post Reply | Private Reply | To 101 | View Replies]

To: EsmeraldaA
By golly - Old dog --- New tricks.

Woo Hoo!

Thank you

104 posted on 01/14/2006 7:19:50 PM PST by don-o (Don't be a Freeploader. Do the right thing. Become a Monthly Donor!)
[ Post Reply | Private Reply | To 102 | View Replies]

To: EsmeraldaA

Yes. But, I right clicked and pasted the url into the tag.

105 posted on 01/14/2006 7:23:47 PM PST by don-o (Don't be a Freeploader. Do the right thing. Become a Monthly Donor!)
[ Post Reply | Private Reply | To 103 | View Replies]

To: don-o
Okay, good enough!
You know, I have a MAC and I don't right click anyway......hehe hehe
106 posted on 01/14/2006 7:26:22 PM PST by EsmeraldaA
[ Post Reply | Private Reply | To 105 | View Replies]

To: TPartyType

<!>


107 posted on 01/14/2006 8:39:04 PM PST by Liberty Valance (Hook'em Horns!)
[ Post Reply | Private Reply | To 1 | View Replies]

To: EsmeraldaA; laurenmarlowe; Spanaway Lori; Dashing Dasher; MS.BEHAVIN; Lady Jag; LUV W; LadyX; ...
My Rug





Why, yes. This my very own personal rug
It's thick and warm and its weave is quite snug
Resisting years of my flexing and pulling claws
A delicious ageless island through countless naps
It belongs to me! You got a problem with that?

You may beat it wash it from time to time
Then put it back in its place and I won't mind
For we all know errantly shed hair is a crime
And a clean and freshened rug feels so sublime
Especially after Summer and before Winter time

Do not gasp or panic or make a face
When I pull my rug before the fireplace
When evening comes early in all its glorious hues
And I can feel its cold air seeping down the flue
Loving simple creature comforts, it's what we cats do

A crackling fire brightly ablaze in its place
Swirling warm air all over my paws, tail and face
Eyes slowly closing with its hypnotic flutter and pace
The Big Ones on the couch whispering things I'll never tell
A perfect feline moment when all is perfectly well


Jack Deth~ 01/15/06.

108 posted on 01/15/2006 12:38:09 AM PST by Jack Deth (Knight Errant and Disemboweler of the WFTD Thread)
[ Post Reply | Private Reply | To 13 | View Replies]

To: Calpernia

ping-a-ling to me

gotta learn

Computer Neanderthal


109 posted on 01/15/2006 12:42:18 AM PST by Dad yer funny
[ Post Reply | Private Reply | To 2 | View Replies]

To: Jack Deth

Lovely :)


110 posted on 01/15/2006 3:51:37 AM PST by Bahbah (An admitted Snow Flake and a member of Sam's Club)
[ Post Reply | Private Reply | To 108 | View Replies]

To: Jack Deth
Great, thanks for the ping Jack.
It is my second favorite. :)
111 posted on 01/15/2006 9:51:53 AM PST by EsmeraldaA
[ Post Reply | Private Reply | To 108 | View Replies]

To: TPartyType
Firefox?..................Safari?......................

oh maaaaaaaaannnnn

Is there an online school for this stuff? Tuition free?

112 posted on 01/15/2006 10:26:00 AM PST by Just Lori (Oh my soul, be prepared to meet Him who knows how to ask questions.)
[ Post Reply | Private Reply | To 30 | View Replies]

To: don-o

So where do you find the cute pictures, icons, etc. to put in your post? It has to be out in cyberspace, right? I mean, you can't take something off your computer and just paste it. (grrrrrrr) I know I know...... "Shutup and READ, Lori!"


113 posted on 01/15/2006 10:34:19 AM PST by Just Lori (Oh my soul, be prepared to meet Him who knows how to ask questions.)
[ Post Reply | Private Reply | To 105 | View Replies]

To: Spanaway Lori
The cute one, I found on the daily W thread -

I am a noob on this. Others will know.

114 posted on 01/15/2006 10:57:15 AM PST by don-o (Don't be a Freeploader. Do the right thing. Become a Monthly Donor!)
[ Post Reply | Private Reply | To 113 | View Replies]

To: Dad yer funny
Ping to you? You need to learn how to play in a sandbox? Here you go hon!


115 posted on 01/15/2006 11:23:36 AM PST by Calpernia (Breederville.com)
[ Post Reply | Private Reply | To 109 | View Replies]

To: Jack Deth; Purple Mountains Maj; TPartyType
Thanks for the great poem, Jack Deth! I'd like to introduce you to Purple Mountains Maj - sister of long time Freeper TPartyType.

Purple, you might find some helpful information on this thread - and you will surely find some creative and friendly Freepers here.

116 posted on 01/15/2006 12:38:42 PM PST by Alamo-Girl
[ Post Reply | Private Reply | To 108 | View Replies]

To: Hand em their arse

ping


117 posted on 01/15/2006 12:44:27 PM PST by Hand em their arse
[ Post Reply | Private Reply | To 1 | View Replies]

To: Alamo-Girl; Purple Mountains Maj; EsmeraldaA; TPartyType; laurenmarlowe; Dashing Dasher; ...
Thank you, Alamao-Girl!

Welcome, Purple Mountains!


The Cat On The Shelf





I'm Caviar, The Cat On The Shelf
Over seer and devotee of Gastronomic Wealth
In a store that sells only delicacies for Cats

If your tastes are less than Ethereal
There's "Puffed Mice", a favorite breakfast cereal
Unless one would prefer a bowl of "Shredded Tweet"

Though for the discriminating feline
There's Pigeon Pate and a fine Mole Torte
That go splendidly with a touch of Mouse Wine

For the Outdoor Cat, there's Squirrel Jerky
Or Trail Mix made of Salmon and Turkey
Plus strips of succulent Cardinal and Owl

There's thousands of flavors and tastes to savor
Whether at relaxing at home or on your Nightly Prowl
You deserve the Best and we don't wish you to scowl

So, come to "Cat-A-Tonic" and look around
For rare and sought after treats from ceiling to ground
While The Cat On The Shelf watches without making a sound


Jack Deth~ 01/15/06.

118 posted on 01/15/2006 1:40:27 PM PST by Jack Deth (Knight Errant and Disemboweler of the WFTD Thread)
[ Post Reply | Private Reply | To 116 | View Replies]

To: Jack Deth
That one is funny and cute Jack. hehe hehe
119 posted on 01/15/2006 2:29:19 PM PST by EsmeraldaA
[ Post Reply | Private Reply | To 118 | View Replies]

To: Jack Deth

You're a very gifted poet! I write poetry etc...too.
Thanks for the welcome ping too!


120 posted on 01/15/2006 4:37:09 PM PST by Majie Purple
[ Post Reply | Private Reply | To 118 | View Replies]

To: Alamo-Girl

Thank Ya kindly A G! Have a blessed day!


121 posted on 01/15/2006 4:41:17 PM PST by Majie Purple
[ Post Reply | Private Reply | To 116 | View Replies]

To: Jack Deth

Hello there Jack! I am so sorry I missed you this weekend.

Thank you for the wonderful picture and poetry, so fun!

Have a great week, Jack!


122 posted on 01/15/2006 6:06:09 PM PST by laurenmarlowe
[ Post Reply | Private Reply | To 118 | View Replies]

To: Jack Deth; Purple Mountains Maj

Thank you for the warm welcome for Purple Mountains Maj!!!


123 posted on 01/15/2006 8:54:28 PM PST by Alamo-Girl
[ Post Reply | Private Reply | To 118 | View Replies]

To: Alamo-Girl; Purple Mountains Maj; laurenmarlowe; EsmeraldaA; Bahbah; TPartyType; ...
Good evening, Alamo and ladies:

I thought I'd try something fancy-schmancy and Victorian


A Gentleman Cat Calling On A Lady At Her Home




Sir Percival, The Bane Of All Vermin
Stroked the collar of his coat made of plush ermine
While riding in an open Hansom Carriage
Contemplating thoughts of Courtship and Marriage
As he set his Top Hat upon wide and handsome ears

The Carriage stopped before a grand ruddy bricked Manse
That easily took up more than half of the street's expanse
As Percival slipped down and checked his spats with a glance
Stepped through the gate and twisted the bell
Followed by his Footmen, Oliver and Cromwell

The young woman in lamplight made Percival's heart swell
A creature so alluring, she sent Percival's blood stirring
For he had never seen such a lovely and graceful Femme
From bodice to the airily laced frill of her skirt's hem
Lithe as a lush as a white rose above a dewy stem

Percival stammered as he introduced himself
Bowed over the proffered slim and snowy paw
As an Angel whispered, "I'm Lady Felicity of The Thames"
While Oliver and Cromwell presented gifts
Of thick dark Treacle, tea and cups made of the finest delft

Mythic Romances have been built on less clumsy foundations
Percival and Felicity are still in love through four generations
Siring litters noted for their bravery and guile
Protecting the cargoes of ships from Port To Station
From the East End to India and the faraway Spice Isles


Jack Deth~ 01/16/06.

124 posted on 01/15/2006 9:46:25 PM PST by Jack Deth (Knight Errant and Disemboweler of the WFTD Thread)
[ Post Reply | Private Reply | To 123 | View Replies]

To: Jack Deth

Wow! Thank you so very much, Jack Deth! Kudos!


125 posted on 01/15/2006 9:50:40 PM PST by Alamo-Girl
[ Post Reply | Private Reply | To 124 | View Replies]

To: facedown
Here's my first try. It seems logical....

You guys are great.

Just wanna letcha know that the time you spend posting is helping others.

126 posted on 01/16/2006 10:47:18 AM PST by sauron ("Truth is hate to those who hate Truth" --unknown)
[ Post Reply | Private Reply | To 55 | View Replies]

To: Purple Mountains Maj

are you here yet?


127 posted on 01/16/2006 11:18:18 AM PST by TPartyType
[ Post Reply | Private Reply | To 126 | View Replies]

To: TPartyType

Yes...I thought we were EMing this.


128 posted on 01/16/2006 11:20:07 AM PST by Majie Purple
[ Post Reply | Private Reply | To 127 | View Replies]

To: TPartyType

Yes...I thought we were EMing this.


129 posted on 01/16/2006 11:20:27 AM PST by Majie Purple
[ Post Reply | Private Reply | To 127 | View Replies]

To: sauron

Thanks! Glad you learned something worthwhile here.


130 posted on 01/16/2006 11:20:38 AM PST by TPartyType
[ Post Reply | Private Reply | To 126 | View Replies]

To: Purple Mountains Maj

Good idea. Let's do that. and then you can come back here and try to apply the instructions. Okay?


131 posted on 01/16/2006 11:21:28 AM PST by TPartyType
[ Post Reply | Private Reply | To 129 | View Replies]

To: TPartyType

okay...


132 posted on 01/16/2006 11:23:08 AM PST by Majie Purple
[ Post Reply | Private Reply | To 131 | View Replies]

To: sauron

OK.

So, if I have a link to a particular photo or image, I can "copy and paste" the link to a reply (on its own line), then the link will show up.

So, your image is LINK:

http://www.freerepublic.com/images/Pajama_Patrol.jpg

But, what do I modify to get the image to show up in the reply, rather than the link itself?


133 posted on 01/16/2006 11:27:45 AM PST by Robert A. Cook, PE (I can only donate monthly, but Hillary's ABBCNNBCBS continue to lie every day!)
[ Post Reply | Private Reply | To 126 | View Replies]

To: TPartyType

<img src="http//wtv-zone.com/emma/egg/gifs/jar.gif


134 posted on 01/16/2006 11:37:37 AM PST by Majie Purple
[ Post Reply | Private Reply | To 131 | View Replies]

To: Purple Mountains Maj

<img src="http://wtv-zone.com/emma/egg/gifs/jar.gif



135 posted on 01/16/2006 11:40:55 AM PST by Majie Purple
[ Post Reply | Private Reply | To 134 | View Replies]

To: TPartyType; jellybean

Hey Jellybean...I found the above gif and thought you'd like it!
Thanks bro for teaching me how to do it...How do I get it to be the gif & not just a link ie the posted photos & poems TPT?


136 posted on 01/16/2006 11:48:07 AM PST by Majie Purple
[ Post Reply | Private Reply | To 135 | View Replies]

To: Purple Mountains Maj

I went and looked at your code. You are posting the address of the gif as a link. So, just use the "img src" tag and the gif will appear in the forum. Okay? Do it now . . .


137 posted on 01/16/2006 11:50:03 AM PST by TPartyType
[ Post Reply | Private Reply | To 136 | View Replies]

To: TPartyType; jellybean

This is the link I meant. I accidentally posted to myself prior!


138 posted on 01/16/2006 11:51:34 AM PST by Majie Purple
[ Post Reply | Private Reply | To 134 | View Replies]

To: Purple Mountains Maj

"img src"


139 posted on 01/16/2006 11:54:31 AM PST by Majie Purple
[ Post Reply | Private Reply | To 135 | View Replies]

To: TPartyType

what do I leave out of the entire address to get it to show up? I don't follow Your prior instructions.
EM like before please.


140 posted on 01/16/2006 12:00:59 PM PST by Majie Purple
[ Post Reply | Private Reply | To 137 | View Replies]

To: Purple Mountains Maj
okay, let's back up. This is harder than I thought it would be.

Have you gone to the html bootcamp thread and studied the directions for posting an image? When I said, in #137, "use the 'img src' tag," what I meant was, utilize the full tag for posting an image (as taught at html bootcamp) and place the address for the image you're trying to post within the quotation marks within the html tag. I hope this makes sense.

The bottom line, Purp, is that you were posting the image as a link (a href), not as an image (img src).

141 posted on 01/16/2006 12:03:04 PM PST by TPartyType
[ Post Reply | Private Reply | To 139 | View Replies]

To: sauron

Good job! HTML is a bit fussy but you can do neat stuff with it.


142 posted on 01/16/2006 12:13:19 PM PST by facedown (Armed in the Heartland)
[ Post Reply | Private Reply | To 126 | View Replies]

To: TPartyType
I have studied, a bit, but computerese is not one of my strong suits. After this I'll study more before attempting again. Thanks for trying...By the way your link doen't show the gif...mine did...I'm surprised I got it to work that far...
143 posted on 01/16/2006 12:19:48 PM PST by Majie Purple
[ Post Reply | Private Reply | To 141 | View Replies]

To: Robert A. Cook, PE; facedown
But, what do I modify to get the image to show up in the reply, rather than the link itself?

1. Note the URL of the web page in which you see the picture you like. Copy it down.

2. Right-click on the picture you see on that web page--the picture that you want to link to. Get "properties" on that picture. Copy that URL for that particular picture.

3. In your reply, format it as

...as you can see, I can't show you, because if I show you...I'd have to ki--, no, seriously, I'm very new at this, and I have the HTML code to give you the answer, but the problem is that FR's web page is trying to display it to you, which doesn't help. How did the earlier poster disable his HTML so he could show me?!?!

What a quandary! To show someone is impossible, because they'll only see the RESULT, not the coding itself.

HELP!

Cf. post #55 by facedown. He gave the example I followed.

144 posted on 01/16/2006 12:20:28 PM PST by sauron ("Truth is hate to those who hate Truth" --unknown)
[ Post Reply | Private Reply | To 133 | View Replies]

To: Purple Mountains Maj
Here's the relevant instructions from HTML Bootcamp. Hope this helps:


How to post a picture: <img src="?" height="" width=""> (?=the address of the picture)
In this case the picture address 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.

145 posted on 01/16/2006 12:22:33 PM PST by TPartyType
[ Post Reply | Private Reply | To 141 | View Replies]

To: sauron
sauron,

here's your help, again, from the HTML Bootcamp:


Folks, if you want to do what Michigander has done - making an HTML command *appear* instead of being acted upon by the browser, here's the 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.

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

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


146 posted on 01/16/2006 12:30:26 PM PST by TPartyType
[ Post Reply | Private Reply | To 144 | View Replies]

To: Purple Mountains Maj

147 posted on 01/16/2006 12:32:34 PM PST by TPartyType
[ Post Reply | Private Reply | To 143 | View Replies]

To: TPartyType
Now, Purp,

right click on this page and select "view source code." Scroll down through all that code until you find my post 147 and do what I did.

When first I learned HTML as a newbie, I learnt a lot by going into the code itself and studying what somebody had done that I wanted to do, then imitating it. Ya gotta practice, my dear. That's what this sandbox is for.

Go to the HTML Bootcamp or Webmonkey and learn something; come back here and try it. Pretty soon it'll be second nature!

148 posted on 01/16/2006 12:36:15 PM PST by TPartyType
[ Post Reply | Private Reply | To 147 | View Replies]

To: TPartyType

<img src="http://www.freerepublic.com/images/frlogo.gif"

<img sr<img src="http://www.freerepublic.com/images/frlogo.gif"c="http://wtv-zone.com/emma/egg/gifs/jar,gif


149 posted on 01/16/2006 12:37:22 PM PST by Majie Purple
[ Post Reply | Private Reply | To 145 | View Replies]

To: TPartyType

oops...I didn't mean to connect the two I was using the example as a guide within my post & somehow they connected and I didn't see that before posting...
I'm through trying for today...


150 posted on 01/16/2006 12:42:16 PM PST by Majie Purple
[ Post Reply | Private Reply | To 149 | View Replies]


Navigation: use the links below to view more comments.
first previous 1-5051-100101-150151-200 ... 801-826 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