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

Skip to comments.

HTML Sandbox 2010
FR ^ | 31 May 2008 | sig226

Posted on 09/20/2010 11:32:29 AM PDT by ShadowAce

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
KEYWORDS: 2010html; html; htmlsandbox; posting; sandbox; sandbox2010
Navigation: use the links below to view more comments.
first 1-2021-4041-6061-80 ... 121-128 next last
Hat tip to sig226 for the 2008 version. If you can think of anything else that needs to be mentioned here, please mention it!
1 posted on 09/20/2010 11:32:30 AM PDT by ShadowAce
[ Post Reply | Private Reply | View Replies]

To: rdb3; Calvinist_Dark_Lord; GodGunsandGuts; CyberCowboy777; Salo; Bobsat; JosephW; ...

2 posted on 09/20/2010 11:33:08 AM PDT by ShadowAce (Linux -- The Ultimate Windows Service Pack)
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce; sig226

Bookmarked and saved to favorites ;)


3 posted on 09/20/2010 11:34:32 AM PDT by DCBryan1 (FORGET the lawyers...first kill the "journalists". (Die Ritter der Kokosnuss))
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce
Thanks.
4 posted on 09/20/2010 11:35:48 AM PDT by gov_bean_ counter (Sarah Palin - For such a time as this...)
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce

WHO NEEDS HTML WHEN THERE’S CAPS LOCK?


5 posted on 09/20/2010 11:38:24 AM PDT by gundog (Why is it that useful idiots remain idiots long after they've exhausted their usefulness?)
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce

saved!

i gotta learn the pictures formula!


6 posted on 09/20/2010 11:38:43 AM PDT by Adder (Note to self: 11-2-10 Take out the Trash!!!)
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce

Thanks for the post. Always wondered how some of that stuff is done. LOL


7 posted on 09/20/2010 11:39:58 AM PDT by goseminoles
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce
I've been here forever and still can't post a picture.

Can break for paragraphs

Bold

Italics

:-)

8 posted on 09/20/2010 11:39:58 AM PDT by republicangel
[ Post Reply | Private Reply | To 1 | View Replies]

To: gundog
WHO NEEDS HTML WHEN THERE’S CAPS LOCK?

Who needs CAPS LOCK when you know how to BLINK???

9 posted on 09/20/2010 11:44:46 AM PDT by JRios1968 (WhatÂ’s the difference between 0bama and his dog, Bo? Bo has papers.)
[ Post Reply | Private Reply | To 5 | View Replies]

To: ShadowAce

On the image tag, you don’t need to have a separate closing tag, you can just add a / after the “ closing the url. Example:
(img src=”imageurl.com/image.jpg”/)


10 posted on 09/20/2010 11:47:08 AM PDT by mnehring
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce
HTML Help Threads for Newbies
(And Anyone Else Who Needs It)






11 posted on 09/20/2010 11:49:05 AM PDT by Rightly Biased (Do you know how awkward it is to have a political argument with a naked man?)
[ Post Reply | Private Reply | To 1 | View Replies]

To: mnehring
On the image tag, you don’t need to have a separate closing tag,...

True, but it's always good form to close your tags. :)

12 posted on 09/20/2010 11:49:10 AM PDT by ShadowAce (Linux -- The Ultimate Windows Service Pack)
[ Post Reply | Private Reply | To 10 | View Replies]

To: Rightly Biased

Thank you for that list. Hopefully, it will help those here who would like the help....


13 posted on 09/20/2010 11:50:19 AM PDT by ShadowAce (Linux -- The Ultimate Windows Service Pack)
[ Post Reply | Private Reply | To 11 | View Replies]

To: ShadowAce

..oh but that takes all the fun away.. or at least it used to when you could mess up the formatting of the entire thread when you didn’t.


14 posted on 09/20/2010 11:51:42 AM PDT by mnehring
[ Post Reply | Private Reply | To 12 | View Replies]

To: ShadowAce
¿Sandbox? ¡No se!
15 posted on 09/20/2010 11:52:29 AM PDT by rdb3 (The mouth is the exhaust pipe of the heart.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: ShadowAce

I cut my teeth on HTML on FR but don’t use it much anymore.

It took me a bit to remember how to add the 2010 thread..

Backhoe actually got me started and I picked up his baton to help out as we grew.


16 posted on 09/20/2010 11:53:10 AM PDT by Rightly Biased (Do you know how awkward it is to have a political argument with a naked man?)
[ Post Reply | Private Reply | To 13 | View Replies]

To: ShadowAce

bookmark, and thanks.


17 posted on 09/20/2010 11:53:10 AM PDT by IrishCatholic (No local Communist or Socialist Party Chapter? Join the Democrats, it's the same thing!)
[ Post Reply | Private Reply | To 1 | View Replies]

To: buckalfa

bumpity


18 posted on 09/20/2010 11:54:03 AM PDT by buckalfa (Confused and Bewildered)
[ Post Reply | Private Reply | To 11 | View Replies]

To: ShadowAce
I remeber way back when. If you didn't close your tag all the posts subsequent t yours would follow whatever HTML command you'd last entered. If it was < i > all the posts would be in italics until someone closed the tag.

Ah...the good old days...

19 posted on 09/20/2010 11:54:05 AM PDT by pgkdan (Protect and Defend America! End the practice of islam on our shores before it's too late!)
[ Post Reply | Private Reply | To 12 | View Replies]

To: ShadowAce

Firefox makes HTML easy with these addons:

BBCodeXtra is an extension, compatible with Mozilla FireFox and Mozilla Suite, which adds to the context menu new commands to insert BBCode/Html/XHtml codes in an easy and fast way.

BBCode - Adds BBCode, HTML, XHTML & Symbols formatting to the context menu for Blogs and forums (PHPBB and others).

These are essentially the same but each has a couple of extra features not found in the other.

Word Count Plus — Counts the number of words in selected text - great to avoid cutting and pasting and then finding out you exceeded the number of words (usually 300) allowed for excerpts from copyrighted material.


20 posted on 09/20/2010 11:55:41 AM PDT by CedarDave (Ten-year anniversary - proudly Freeping since Aug 17, 2000)
[ Post Reply | Private Reply | To 1 | View Replies]


Navigation: use the links below to view more comments.
first 1-2021-4041-6061-80 ... 121-128 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