Free Republic
Browse · Search
General/Chat
Topics · Post Article

Skip to comments.

HTML Sandbox 2008
n/a | 5/31/08 | me

Posted on 05/31/2008 9:09:38 PM PDT by sig226

It's time for a new HTML reference so you can make your posts look cool.

HTML means Hyper Text Markup Language. It's a set of simple commands used to format the text of your posts, add images, or links, or change the appearance.

URL is Uniform Resource Locator. It's the name of the page or the picture that you see, the www.http:// stuff. You'll need to use the URL to make links and post pictures.

Quotation Marks Quotes have to be used around the URLs for web pages and images on Free Republic. Some systems do not require this. Ours does.

Once the Free Republic software detects an HTML tag in your post, it will assume the entire thing was written for HTML. This means it will eliminate paragraphs and line breaks that you used to clarify your writing. In order to prevent that, I'll start with the two simplest tags, <br> and <p>. When you use html tags, they disappear when the post is pasted to the board, so don't worry if they look funny or if your post seems to run on.

This is the break tag. <br>
It tells the computer to end the line and start a new one. <br>
Just type it where you want the line to end. <br>

This is the paragraph tag. <p>

It tells the computer to end the line, insert a blank one, then start a new line.

The rest of the tags have to be used with an on tag and an off tag. This is simple enough. One of the most commonly used tags is the italic tag <i>. This tag turns the italics on. When you want the italics to end, turn them off by using the forward slash with the appropriate command, in this case, </i>.

Commonly used tags:
<p> paragraph
<br> line break
These tags are not used in pairs.

Commonly used pairs:
<i> </i>italics
<b> </b>bold characters
<u> </u>underline
<font color = red>This makes the font red.</font color = red> Orange,blue,green,purple,and yellow also work.
<center> </center>

This will put whatever is between the tags in the center of the page
and center justify the margins.

Headline fonts
Headlines add emphasis to an important point.

<h1> SIZE 1 </h1>

<h5> SIZE 5</h5>

You can use 1,2,3,4, or 5. The tags automatically insert a blank line between the headline and your next paragraph.

Sarcasm tag
</sarc> This is the sarcasm tag. It is not a real HTML tag. It is used to mark your witty repartee so that everyone will know you are making a funny. Type an ampersand - & then lt; then /sarc. An & and gt makes the other carat >.

How to create a link:
<a href="http://www.freerepublic.com/home.htm">www.Free Republic.com</a>
A means anchor. H ref means horizontal reference. It's called horizontal because the computer is going across the web to a different page. There are also vertical links that can go to specific points on the same page. What comes after the a href= is where the computer will go. The horizontal reference is the complete URL of the page you want to link. It's in the navigation bar at the top of your web browser. Highlight it and copy it. Make sure you get all of it. Some URLs are surprisingly long, and if you miss some of the URL, the link might not work.
You can type anything between the <a href=></a> parts.
www.Free Republic.com
Click here.
abc12345
All of these links go to the same page, I just typed different things between <a href=></a> tags.

How to add images to your post:
<img src=></img>
The img tags tell the computer to find and insert a picture.
These tags insert this wonderful image from Rush Limbaugh's website:
<img src="http://www.rushlimbaugh.com/home/daily/site_062807/content/01125113.Par.4584.ImageFile.jpg""height=218""width=285"></img>

You need to know the URL of the picture to do this. You can see the picture's URL when you put your cursor on the picture and right click the mouse. You see a small box with "properties" at the bottom. Left click on "properties" and you get a dialog box with the image URL and dimensions. It says Address: next to the URL, with (URL) underneath. Copy the URL and paste it after your img src= tag. Make sure you get all of the URL for the picture. There isn't a lot of space for the URL and sometimes they are very long. The image Size and Dimensions are beneath the URL. Free Republic allocates memory for each image, and if it doesn't know the dimensions of the image, it will allocate more memory than needed. It tells you the width, then the height of the picture. You don't have to tell the computer that the height of that image was 218 and the width was 285, but it saves memory and memory costs money.

This is called a hotlink. The picture is actually on another computer, but we see it here. This causes the other computer to use it's memory and machinery to provide the image. Some sites prevent it, or object to it. You can't hotlink an image from any of Yahoo's GeoCities pages, for example. Yahoo prevents it.

Do Not Cut And Paste List.
Some websites have forbidden us to copy and paste their material, including images. There have been lawsuits over this. The software will mostly prevent you from using the material that has been blocked, but not always. There are also some image sources that are not allowed on the list. Please don't use them. Lawsuits suck.
Link to the Do Not Cut And Paste List


TOPICS: Computers/Internet; Reference
KEYWORDS: faq; html; htmlsandbox; sandbox
Navigation: use the links below to view more comments.
first previous 1-20 ... 121-140141-160161-180 ... 361 next last
To: ChrisInAR

Marquee and blink don’t work on FR. Certain people hate those effects. :)


141 posted on 02/10/2009 9:15:14 AM PST by sig226 (1/21/12 . . . He's not my president . . . Impeach Obama . . . whatever)
[ Post Reply | Private Reply | To 140 | View Replies]

To: sig226
I know blink is OK (I use it on my Profile page, as a matter of fact), but I have seen marquee on either FR's HML Sandbox or HTML Bootcamp, & it works on there...but when I tried to add marquee to my Profile, it didn't work.

Let me try marquee again:

marquee

WTF????????

142 posted on 02/10/2009 9:43:00 AM PST by ChrisInAR (The Tenth Amendment is still the Supreme Law of the Land, folks -- start enforcing it for a CHANGE!)
[ Post Reply | Private Reply | To 141 | View Replies]

To: ChrisInAR

The word LOSERS did not blink when I looked at your profile. (I viewed the source.)


143 posted on 02/10/2009 10:58:36 AM PST by sig226 (1/21/12 . . . He's not my president . . . Impeach Obama . . . whatever)
[ Post Reply | Private Reply | To 142 | View Replies]

To: sig226
http://market-ticker.denninger.net/

Test.

144 posted on 03/05/2009 8:57:15 PM PST by SnuffaBolshevik
[ Post Reply | Private Reply | To 1 | View Replies]

To: sig226
"http://market-ticker.denninger.net/"

Test.#2.

145 posted on 03/05/2009 8:59:03 PM PST by SnuffaBolshevik
[ Post Reply | Private Reply | To 1 | View Replies]

To: sig226

146 posted on 03/13/2009 8:54:42 AM PDT by SnuffaBolshevik
[ Post Reply | Private Reply | To 1 | View Replies]

To: backslacker

147 posted on 03/15/2009 11:26:44 PM PDT by backslacker (In the beginning God created the heaven and the earth. And the earth was without form...)
[ Post Reply | Private Reply | To 146 | View Replies]

To: sig226; ChrisInAR
The <marquee> tag has been disabled on FR. Too many were forgetting to put in the </marquee> which screwed up subsequent posts.

The <blink> tag does still work, but Internet Explorer does not support it. It works in the Opera browser and also in FireFox, I believe.

148 posted on 03/16/2009 12:26:21 AM PDT by jellybean (Who is John Galt? ~ Bookmark http://altfreerepublic.freeforums.org for when FR is down)
[ Post Reply | Private Reply | To 143 | View Replies]

To: Iowa Granny

bump


149 posted on 03/16/2009 1:24:51 AM PDT by Iowa Granny
[ Post Reply | Private Reply | To 148 | View Replies]

To: sig226
http://www.50calsilverbullets.com
150 posted on 03/16/2009 8:00:33 PM PDT by misanthrope (Liberals just plain suck!!)
[ Post Reply | Private Reply | To 1 | View Replies]

To: widdle_wabbit
If you posted your comment as-is, it would look like ... Wabbit's Sandbox
____________________
By martin fierro:
 
http://macandsunny.com/blog/wp-content/uploads/2007/01/mac%20litterbox.jpg
____________
 
How Do I post the picture referenced above (litterbox) ?
_____________________________________
 
How to make a better line divider (not this one, but the pretty one)
______________________________________
 
Can I put this in Breaking News?
_____________________________
 
By MOsby:
 
1. Click on view
2. make sure the source/edit thing has a check
by it..if not, click on it.
3. open up a new message .
4. TYPE AWAY..
5. After you have typed, look at the bottom of the screen for the tab "Source" click on
it.
6.you will automatically see you "message" converted FOR YOU into HTML.
7. Copy this...and paste it into your FR post... ~Add whatever you want...links
will turn into links...cut and pasted pictures (not hotlinked of course) will
automatically be right...and all of the other nifty formatting available will
work AUTOMATICALLY!!!! </BODY></HTML>
 
 HTML boot camp. Lot of good info there.

Dick

 
 
 

151 posted on 03/22/2009 6:33:06 AM PDT by widdle_wabbit (Rush Is Right; Does understanding that make me a Conservative?)
[ Post Reply | Private Reply | To 150 | View Replies]

To: widdle_wabbit
http://macandsunny.com/blog/wp-content/uploads/2007/01/mac%20litterbox.jpg<p/>
<br/>
Do I need to post it on a file sharing service or ...
 
 <img src="?"/> (?=the address of the picture)
<p/>
 

 Hello newbies, it's 2004 so you should really be using XHTML! The old stuff will still work, and almost all the above is correct but let me correct a few things:
 
Line Break: <br/>
 
New Paragraph: <p/>
 

152 posted on 03/22/2009 7:00:43 AM PDT by widdle_wabbit (Rush Is Right; Does understanding that make me a Conservative?)
[ Post Reply | Private Reply | To 151 | View Replies]

To: widdle_wabbit
Do I needto put things back when I'm done?
<p/>
Hello newbies, it's 2004 so you should really be using XHTML! The old stuff will still work, and almost all the above is correct but let me correct a few things:

Line Break: <br/>

New Paragraph: <p/>

How to post a picture: <img src="?"/> (?=the address of the picture)

<p>

12 posted on Tuesday, October 05, 2004 5:10:29 PM by Odyssey-x
<p>
Rearranging the furniture won't help.
<p>
 

Are these breaks going to be gone from the *this is what your post would look like* window?

153 posted on 03/22/2009 7:12:05 AM PDT by widdle_wabbit (Rush Is Right; Does understanding that make me a Conservative?)
[ Post Reply | Private Reply | To 152 | View Replies]

To: sig226; Scarpetta

bump to make life more interesting.


154 posted on 03/27/2009 8:49:13 AM PDT by armymarinemom (My sons freed Iraqi and Afghan Honor Roll students.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: armymarinemom
Photobucket
155 posted on 03/27/2009 8:59:38 AM PDT by Scarpetta (e pluribus victim)
[ Post Reply | Private Reply | To 154 | View Replies]

To: armymarinemom

So let’s if a cut and past ULR works http://thehill.com/dick-morris/obama-sows-seeds-of-demise-2009-04-28.html


156 posted on 04/29/2009 11:17:57 AM PDT by Cpl.Nym
[ Post Reply | Private Reply | To 154 | View Replies]

To: Cpl.Nym

Beautiful.


157 posted on 04/29/2009 12:26:13 PM PDT by armymarinemom (My sons freed Iraqi and Afghan Honor Roll students.)
[ Post Reply | Private Reply | To 156 | View Replies]

To: hugorand

testing

158 posted on 05/09/2009 4:00:24 PM PDT by hugorand
[ Post Reply | Private Reply | To 1 | View Replies]

To: Graybeard58
Checking out Xinha.

159 posted on 05/11/2009 8:20:08 PM PDT by Graybeard58 (God's Riches At Christ's Expense.............Selah.)
[ Post Reply | Private Reply | To 158 | View Replies]

To: Graybeard58
HTML does not work in tag lines or FReepmail.
160 posted on 05/11/2009 8:21:19 PM PDT by Graybeard58 (God's Riches At Christ's Expense.............Selah.)
[ Post Reply | Private Reply | To 159 | View Replies]


Navigation: use the links below to view more comments.
first previous 1-20 ... 121-140141-160161-180 ... 361 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
General/Chat
Topics · Post Article

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