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 previous 1-20 ... 201-220221-240241-260261-279 next last
To: calcowgirl

http://us.f13.yahoofs.com/bc/47d5d57c_34f/bc/try/gorror.jpg?bfMsL2HB1sW85GLg


221 posted on 03/12/2008 10:11:02 PM PDT by OeOeO
[ Post Reply | Private Reply | To 220 | View Replies]

To: OeOeO
Aha! Just read the rest of your post. (sorry about that)

Your computer is probably retrieving the photo from you own hard drive. FR can't do that. It has to be hosted on a website somewhere.

You can sign up at various places that let you upload your photos for free. I use Photobucket.com

Here is a photo to practice with:

What I typed in: <p><img src="http://i64.photobucket.com/albums/h169/ftogyeppf/snoopy-flag-Halfmast-sm.gif">

If you right click on the photo and choose properties, you can see the matchiing URL

222 posted on 03/12/2008 10:20:30 PM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 219 | View Replies]

To: OeOeO; calcowgirl

Many websites will block links of pics. You can see them but you can’t link them.


223 posted on 03/12/2008 10:25:02 PM PDT by ThomasThomas (It's a slow night so, In for a penny in for a pound.)
[ Post Reply | Private Reply | To 221 | View Replies]

To: OeOeO
I think that works!

What I typed: <p><img width="300" src="http://us.f13.yahoofs.com/bc/47d5d57c_34f/bc/try/gorror.jpg?bfMsL2HB1sW85GLg">

Note that I added "width="300" because the photo was big and I wanted to downsize it. (When you right click > properties > you see that the original size was 608 X 774 which was kind of big)

224 posted on 03/12/2008 10:26:17 PM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 221 | View Replies]

To: ThomasThomas

That’s also true... but it seemed to work in this case.


225 posted on 03/12/2008 10:27:19 PM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 223 | View Replies]

To: calcowgirl; ThomasThomas; OeOeO

It worked for a minute, anyway. It went blank, then came back. Not sure what’s up with that. I think maybe that photo got saved by my own computer and retrieved it from the cache, or something.

I highly recommend photobucket! Remember, the photo will only show up as long as the original source photo remains at the link used.

(ThomasThomsas, can you see the pic when I posted it in #224?)


226 posted on 03/12/2008 10:32:15 PM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 224 | View Replies]

To: OeOeO
Here you go:

<img src="http://us.f13.yahoofs.com/bc/47d5d57c_34f/bc/try/gorror.jpg?bfMsL2HB1sW85GLg" width="377" height="404" border="2" alt="gorror.jpg">

The width and height can be changed to get a better 'fit', just keep the ratio about equal. The alt is for those that have images turned off, so it doesn't just leave a blank space on the page. Looks like this --

gorror.jpg

227 posted on 03/12/2008 10:34:30 PM PDT by brityank (The more I learn about the Constitution, the more I realise this Government is UNconstitutional !!)
[ Post Reply | Private Reply | To 221 | View Replies]

To: calcowgirl

Yes, I have a photobuck account that I use for my photos but not whatI find on the net.


228 posted on 03/12/2008 10:36:27 PM PDT by ThomasThomas (It's a slow night so, In for a penny in for a pound.)
[ Post Reply | Private Reply | To 226 | View Replies]

To: brityank

Yous is gone now.

I think they have blocking software that slips up sometimes.


229 posted on 03/12/2008 10:40:03 PM PDT by ThomasThomas (It's a slow night so, In for a penny in for a pound.)
[ Post Reply | Private Reply | To 227 | View Replies]

To: self

ping for later


230 posted on 03/12/2008 10:41:15 PM PDT by going hot (Happiness is a momma deuce)
[ Post Reply | Private Reply | To 50 | View Replies]

To: ThomasThomas

I used to take them off the net, too—until I saw someone who owned the picture on their website
change the photo to something other than what was originally posted, LOL.
User Beware! (photobucket is safer, IMO)

If it’s yahoo, or something, I’ll post pics from other sites. But nothing from unknown sources.


231 posted on 03/12/2008 10:44:35 PM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 228 | View Replies]

To: ThomasThomas; brityank

It seems to disappear on a “refresh” but reappear on a new page load. (I clicked “last” and voila!)


232 posted on 03/12/2008 10:48:13 PM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 229 | View Replies]

To: calcowgirl; ThomasThomas
You know, it's funny but occasionally my FF with ZA fails to load pics -- gets sent to 127.0.0.1 instead of the real address -- then a reload brings it in. Haven't found a fix yet.

You can also add align="right" into the link, and flow the text around the pic, similar to this:


233 posted on 03/12/2008 11:02:04 PM PDT by brityank (The more I learn about the Constitution, the more I realise this Government is UNconstitutional !!)
[ Post Reply | Private Reply | To 232 | View Replies]

To: calcowgirl
Thanks,I will skip Yahoo and post to PhotoBucket instead.
I;m a slow learner but eventually I get to my WAAAWAA moment. BTW no one commented on my artwork
234 posted on 03/12/2008 11:57:37 PM PDT by OeOeO
[ Post Reply | Private Reply | To 226 | View Replies]

To: OeOeO

I’ve never had a problem with photobucket — Good luck!

As to the artwork, I kind of relate to those two characters with the pitchfork and
cringe at any desecration of the flag. But the photoshopping looked great, LOL.


235 posted on 03/13/2008 12:19:36 AM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 234 | View Replies]

To: OeOeO
Oh... my apologies! I really hadn't looked at the content of the picture (I was up too late last night).
Now I looked at the faces--and I do NOT relate to those two folks.
I love the hammer and sickle broach, LOL.

(yeah... I snatched your photo and put it on photobucket)

236 posted on 03/13/2008 9:14:06 AM PDT by calcowgirl ("Liberalism is just Communism sold by the drink." P. J. O'Rourke)
[ Post Reply | Private Reply | To 235 | View Replies]

To: calcowgirl

Bump.


237 posted on 04/08/2008 3:47:49 PM PDT by conservatism_IS_compassion (The Democratic Party is only a front for the political establishment in America - Big Journalism.)
[ Post Reply | Private Reply | To 236 | View Replies]

To: TPartyType
Mormons lie because they must
238 posted on 04/09/2008 11:35:38 AM PDT by ansel12 (If your profit margin relies on criminality to suppress wages, then you deserve to be out.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: ansel12
Mormons lie because they must
239 posted on 04/09/2008 11:38:12 AM PDT by ansel12 (If your profit margin relies on criminality to suppress wages, then you deserve to be out.)
[ Post Reply | Private Reply | To 238 | View Replies]

To: ansel12
I think I'm getting the hang of this slowly
240 posted on 06/27/2008 5:04:29 AM PDT by nikos1121 (Obama, tells us truthfully, where you were born.)
[ Post Reply | Private Reply | To 239 | View Replies]


Navigation: use the links below to view more comments.
first previous 1-20 ... 201-220221-240241-260261-279 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