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-2021-4041-6061-80 ... 341-357 next last
To: sig226

I see my preview post looked fine, my ping looks fine but on the thread my post is all running together...oh well, baby steps. Great info from everyone, thanks all!!


41 posted on 06/01/2008 2:30:06 AM PDT by SouthDixie (We are but angels with one wing, it takes two to fly.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: sig226
<img src="http://www.senate.gov/artandhistory/history/resources/graphic/large/ObamaBarack.jpg" width="444" height="600">

will display as:




but if we modify the dimensions:

<img src="http://www.senate.gov/artandhistory/history/resources/graphic/large/ObamaBarack.jpg" width="444" height="300">



<img src="http://www.senate.gov/artandhistory/history/resources/graphic/large/ObamaBarack.jpg" width="444" height="150">




when the senate computer guy changes the src address, you won't see barry's pic.
42 posted on 06/01/2008 2:30:21 AM PDT by greedo
[ Post Reply | Private Reply | To 1 | View Replies]

To: gogov
>>Can we also remind people that standard style for quoting is to quote the post you are replying to in italics and your comments in non-italicized text.<<

You got it.

43 posted on 06/01/2008 3:30:26 AM PDT by Jeff Chandler ( :: FREE LAZAMATAZ! ::)
[ Post Reply | Private Reply | To 9 | View Replies]

To: Jeff Chandler

testing, 123


44 posted on 06/01/2008 3:30:45 AM PDT by Jeff Chandler ( :: FREE LAZAMATAZ! ::)
[ Post Reply | Private Reply | To 43 | View Replies]

To: sig226

Nah, you can leave the bold on, no problem.


45 posted on 06/01/2008 3:31:53 AM PDT by Jeff Chandler ( :: FREE LAZAMATAZ! ::)
[ Post Reply | Private Reply | To 1 | View Replies]

To: sig226

bump.....................


46 posted on 06/01/2008 3:46:58 AM PDT by cornbreadmuffin
[ Post Reply | Private Reply | To 1 | View Replies]

To: Extremely Extreme Extremist
I CAN HAZ

HTML LITRBOX?

47 posted on 06/01/2008 6:17:00 AM PDT by martin_fierro (< |:)~)
[ Post Reply | Private Reply | To 19 | View Replies]

To: SouthDixie
There are no <br> tags where you want the lines to end.
48 posted on 06/01/2008 7:06:00 AM PDT by sig226 (Real power is not the ability to destroy an enemy. It is the willingness to do it.)
[ Post Reply | Private Reply | To 41 | View Replies]

To: sig226

We’re on the same page LOL yes, i just finished reading about the br after the </i>
Helps to read the instructions...


49 posted on 06/01/2008 7:09:33 AM PDT by SouthDixie (We are but angels with one wing, it takes two to fly.)
[ Post Reply | Private Reply | To 48 | View Replies]

To: sig226

Actually, this needs to be a link off of the main page; always accessible.

Jsur a thought.


50 posted on 06/01/2008 7:54:26 AM PDT by SouthWall (The new law shall If you are in this country illegally, you will never be eligible for citizenship.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Swordmaker
I was going to leave that one out, but what the heck.

Tables
Tables make organized displays of rows and columns of information.

<table> </table> On and off tags for a table.
<tr> </tr> On and off tags for a row in a table.
<td> </td> On and off tags for a data item in a row.
<th></th> On and off tags for a data header in a row.

The table and /table tags turn the table on and off. The tr and /tr tags mark the begginning and end of each row. Each row has to begin with the tr tag and end with the /tr tag.

Each row in a table is made of data items. The td and /td tags define each item. The computer automatically lines the data items up in columns from left to right. If you have large data items, like a paragraph of information, the format will probably turn into a mess. Use short data items to keep the table neat.

You can add a border to the table by including a border definition in the table tag like this: <table border=1>

The space for each individual item is called a cell. There are other commands and definitions that can change the appearance of the cells, or adjust them to accomodate different sized data items. That's a little beyond this thread, but there's a link at the bottom of the post if you want to learn more about tables.

You can make the data in the item appear in bold by marking the on tag as a header. This will work at the beginning of each row, or in the individual items across a row.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0

I changed the headers to the first item of data in each row in this table.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0

If you omit the border, it looks like this.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0

It won't draw the border around a cell with no data. The simplest way to fix this is to put something like two asterisks ** in the data.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0 **

What does that actually look like?

<table border=1 >

<tr> <th>Member</th><td>Posts</td><td>Status</td></tr>

<tr><th>Bob</th><td>10</td><td>Active</td></tr>

<tr><th>Joe</th><td>15</td><td>Active</td></tr>

<tr><th>Mary</th><td>0</td><td>**</td></tr>

</table>

This link goes to the w3schools page on tables.

51 posted on 06/01/2008 8:37:05 AM PDT by sig226 (Real power is not the ability to destroy an enemy. It is the willingness to do it.)
[ Post Reply | Private Reply | To 35 | View Replies]

To: aflaak; TXHubbard

ping


52 posted on 06/01/2008 10:13:29 AM PDT by r-q-tek86 (If you're not taking flak, you're not over the target.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Swordmaker
P.S. Those horizontal rules were created by simply placing <hr><p> on a line by itself.

Just a note: The <p> is not required as the <hr> will automatically place a space before and after the tag.

You can also change the width of the line by designating percentage. <hr width=40%>


To designate height the attribute SIZE is used: <hr width=40% size=5>
When using the size attribute it's a good idea to also add NOSHADE or the line will look blank: <hr width=40% size=5 noshade>:
The default position for HR is center, but can be changed to left or right by adding the ALIGN tag:

<hr width=40% align=left>


<hr width=40% align=right>


Horizontal Rules are fun to play with!




53 posted on 06/01/2008 1:06:24 PM PDT by jellybean (Write in Fred! - Proud Ann-droid and a Steyn-aholic)
[ Post Reply | Private Reply | To 34 | View Replies]

To: jellybean
Just a note: The

is not required as the


will automatically place a space before and after the tag.

Thanks for the details. I got into the habit of using the paragraph tag on the horizontal rule tag because it makes for a greater spacing between the HR and the next line.



54 posted on 06/01/2008 6:39:43 PM PDT by Swordmaker (Remember, the proper pronunciation of IE is "AAAAIIIIIEEEEEEE!)
[ Post Reply | Private Reply | To 53 | View Replies]

To: jellybean
Just a note: The

is not required as the


will automatically place a space before and after the tag.

Thanks for the details. I got into the habit of using the paragraph tag on the horizontal rule tag because it makes for a greater spacing between the HR and the next line.



55 posted on 06/01/2008 6:39:48 PM PDT by Swordmaker (Remember, the proper pronunciation of IE is "AAAAIIIIIEEEEEEE!)
[ Post Reply | Private Reply | To 53 | View Replies]

To: Swordmaker

Fun With The <P> Tag

<p align=right> Justifies the text to the right

<p align=center> Justifies the text to the center

<p align=left> The default position, aligns the test to the left (it's not neccessary to use the align tag here)

This is one of the rare instances where it's a good idea to use the </p> to avoid right justified or centered text.

56 posted on 06/01/2008 10:11:16 PM PDT by jellybean (Write in Fred! - Proud Ann-droid and a Steyn-aholic)
[ Post Reply | Private Reply | To 55 | View Replies]

To: sig226

ping


57 posted on 06/03/2008 12:22:21 PM PDT by quintr
[ Post Reply | Private Reply | To 1 | View Replies]

Trial Run..
OBAMA’S SUPPORTERS READ LIKE A LIST OF WHO’S WHO AMONG RACISTS, THUGS, MUSLIMS, MARXIST AND AMERICAN HATERS OF THE WORLD.

>William Ayers (Weatherman Underground bomber, unrepentant domestic terrorist)
Frank Davis (Member Communist Party USA, Early mentor to Obama)
>Jeremiah Wright (Black Liberation militant, racist, and Pastor)
Tony Rezko (Corrupt Financier, ties to Terror Financing)
>Louis Farrakhan (Nation of Islam Leader, racist, anti-American)
RailaOrdinga (Fundamental Islamic Candidate, Kenya, Obama’s Cousin)
>Daniel Ortega (Marxist Sandinista Leader. Nicarauga)
Raul Castro (Hard-line Communist Leader, Cuba)
>Communist Party Illinois, (US Communist Political Party)
Socialist Party USA, (Marxist Socialist Political Party)
>The New Black Panther Party, (Black Militant Organization, anti-American and racist)
Hamas Terrorist Organization, (Islamic Terrorist Organisation)
>More than 80 attorneys for Guantanamo detainees -who have been offering free-of-charge legal services. Not surprising that lawyers for Muslim terrorists would support Obama. >The Communist Party USA
>The Committees of Correspondence for Democracy and Socialism
>Rep. Keith Ellison, the first Muslim congressman
> Sam Graham-Felsen, (Obama campaign’s official blogger) He spent time in France taking part in labor riots, has written for a socialist magazine, hung a communist flag in his home, and was a fan of Marx while at Harvard.
>Kwame Kilpatrick
>MoveOn.org George Soros’ (slumlord undergoing trial) son, Jonathan Soros, an attorney and financier, recently promoted to deputy manager of Soros Fund Management , is personally involved with MoveOn.org’s activities.
>Muslim Americans for Obama ‘08
>The Muslim American Society
>Obama Supporters for Marijuana Law Reform
>Obama Youth, “Obama Youth” had as its logo the Islamic crescent and stars (until word got out on the net and they had to clean it up)
>President Daniel Ortega ..who statee, “It’s not to say that there is already a revolution under way in the U.S. ... but yes, they are laying the foundations for a revolutionary change.”
>Project Islamic H. O. P. E., ..who displayed Obama as their banner boy until word got out and they had to clean that up. Obama is no longer there on the site.
>Rev. Al Sharpton ..obviously supports Obama, but obviously advised to keep it quiet.
>Shepard Fairey, Official artist of the Obama posters...remarkable resemblance to Marxist posters
>Tony Rezko, Obama said that he estimated Rezko raised about 50,000 to 60,000 for his political career. Obama has collected at least $168,308 from Rezko and his circle.
>Malaak Shabazz Daughter of Malcomb X
>The Socialist Party USA >George Soros billionaire - Jew hater
They all support, endorse, and/or friends and mentors and advisors of BARACK HUSSEIN OBAMA.

They all hate America, they all want to destroy America as we know it. They all want the United States to retreat in the war on terror, and they all want to make over the United States into a marxist/socialist/collective nation Obama’s own core ideology/theology, coincide with these people. This says all you need to know about Obama.. You can and should judge a man by the company he keeps.
Maybe this explains Obama hands were over his crotch instead of saluting the flag/anthem and refusing to wear the flag pin- claiming to do so was ‘false patriotism’


58 posted on 06/03/2008 3:19:07 PM PDT by potlatch (MICHELLE OBAMA - The gift that just keeps on giving....!)
[ Post Reply | Private Reply | To 57 | View Replies]

To: potlatch
80%

OBAMA’S SUPPORTERS READ LIKE A LIST OF WHO’S WHO AMONG RACISTS, THUGS, MUSLIMS, MARXIST AND AMERICAN HATERS OF THE WORLD.

>William Ayers (Weatherman Underground bomber, unrepentant domestic terrorist)
Frank Davis (Member Communist Party USA, Early mentor to Obama)
>Jeremiah Wright (Black Liberation militant, racist, and Pastor)
Tony Rezko (Corrupt Financier, ties to Terror Financing)
>Louis Farrakhan (Nation of Islam Leader, racist, anti-American)
RailaOrdinga (Fundamental Islamic Candidate, Kenya, Obama’s Cousin)
>Daniel Ortega (Marxist Sandinista Leader. Nicarauga)
Raul Castro (Hard-line Communist Leader, Cuba)
>Communist Party Illinois, (US Communist Political Party)
Socialist Party USA, (Marxist Socialist Political Party)
>The New Black Panther Party, (Black Militant Organization, anti-American and racist)
Hamas Terrorist Organization, (Islamic Terrorist Organisation)
>More than 80 attorneys for Guantanamo detainees -who have been offering free-of-charge legal services. Not surprising that lawyers for Muslim terrorists would support Obama. >The Communist Party USA
>The Committees of Correspondence for Democracy and Socialism
>Rep. Keith Ellison, the first Muslim congressman
> Sam Graham-Felsen, (Obama campaign’s official blogger) He spent time in France taking part in labor riots, has written for a socialist magazine, hung a communist flag in his home, and was a fan of Marx while at Harvard.
>Kwame Kilpatrick
>MoveOn.org George Soros’ (slumlord undergoing trial) son, Jonathan Soros, an attorney and financier, recently promoted to deputy manager of Soros Fund Management , is personally involved with MoveOn.org’s activities.
>Muslim Americans for Obama ‘08
>The Muslim American Society
>Obama Supporters for Marijuana Law Reform
>Obama Youth, “Obama Youth” had as its logo the Islamic crescent and stars (until word got out on the net and they had to clean it up)
>President Daniel Ortega ..who statee, “It’s not to say that there is already a revolution under way in the U.S. ... but yes, they are laying the foundations for a revolutionary change.”
>Project Islamic H. O. P. E., ..who displayed Obama as their banner boy until word got out and they had to clean that up. Obama is no longer there on the site.
>Rev. Al Sharpton ..obviously supports Obama, but obviously advised to keep it quiet.
>Shepard Fairey, Official artist of the Obama posters...remarkable resemblance to Marxist posters
>Tony Rezko, Obama said that he estimated Rezko raised about 50,000 to 60,000 for his political career. Obama has collected at least $168,308 from Rezko and his circle.
>Malaak Shabazz Daughter of Malcomb X
>The Socialist Party USA >George Soros billionaire - Jew hater
They all support, endorse, and/or friends and mentors and advisors of BARACK HUSSEIN OBAMA.

They all hate America, they all want to destroy America as we know it. They all want the United States to retreat in the war on terror, and they all want to make over the United States into a marxist/socialist/collective nation Obama’s own core ideology/theology, coincide with these people. This says all you need to know about Obama.. You can and should judge a man by the company he keeps.
Maybe this explains Obama hands were over his crotch instead of saluting the flag/anthem and refusing to wear the flag pin- claiming to do so was ‘false patriotism’


59 posted on 06/03/2008 3:21:29 PM PDT by potlatch (MICHELLE OBAMA - The gift that just keeps on giving....!)
[ Post Reply | Private Reply | To 58 | View Replies]

To: potlatch

.

Posting from undisclosed location!


60 posted on 06/03/2008 4:36:32 PM PDT by devolve (- Men - I want you all to relax! Let the 101st Airborne try again in 4 years! - Gen. George Patton)
[ Post Reply | Private Reply | To 59 | View Replies]


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