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.
Well folks, it has been a while since we have had a good HTML tutorial thread on FreeRepublic. And the changes we've undergone apparently prevent our search engine from finding previous threads when one looks for articles with the search word "HTML". So I'm gonna volunteer to get a new thread started.
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:
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
<a HREF="http://www.drudgereport.com/">Link to Drudge</a>
becomes Link to Drudge
One thing I've never been able to do successfully is to link to a cartoon or graphic at a newspaper. Maybe one of the local HTML mavens could document it for me. Thanks in advance, and thanks, W.G., for the thread...
Thanks Willie, but at the time you posted this, I made my first HTML formatted post down below. I had learned from another place and I finally got it to work right.
Been wondering how you all do it on FR. Thanks!
To link to an image try this:
< img SRC="URL OF THE IMAGE">
Thank you, Willie.
I have two questions: (1) I see the same command for both BOLD and superscript. Should superscript be something else? and (2) What "escape sequence" is used in order to print the characters which are the commands?
Hey Willie,
I have a couple of tips, but don't know how to make the formating (< >) show in order to demonstrate. How is that done, wise one?
Bump, for future reference!!!
Thank you!
g
Bump, for future reference!!!
Thank you!
g
Check this site out for lot's of good info:
This is one of the best explanations of basic HTML that I've ever read.
BUMP for a great post!
Unfortunately, once the graphic is removed from the referring site, the link goes bad.
This one has about two more weeks before it expires.
See also this old FR HTML Thread Click here
Don't forget the email link:
<a HREF="mailto:bubba@leavenworth.com">
Lets everyone send emails to bubba!
(1) I see the same command for both BOLD and superscript. Should superscript be something else? and (2) What "escape sequence" is used in order to print the characters which are the commands?
Aaaack!!! I messed up!
Superscript is <sup> and </sup>
The "escape sequence" is actually special code for the < and > signs.
The < is produced by "& lt ;" and the > is produced by "& gt ;"
(without the double quotes and spaces.)
Recently I learned how to force "spaces" into a line. The characters & n b s p ; [the command is all run together with 6 characters in it] creates a space, and I used several in the next line to show you.
This comes in handy.It's the only way I know how to indent.
Folks will also like bullets.
Throw in the paragraph marker wherever you like. The command <ul> stands for "unnumbered list" and tells the code that what follows are to be bullets. For each bullet line, precede it with <li> which says to the code, "list this". When you are done your bullets, end it with the closing tag of </ul> To make the bullets numbered, substitute OL (ordered list) for the UL in the command.
My final recommendation is to start actually reading HTML code that (in Netscape) is in the VIEW choice at top, and then PAGE SOURCE. Boy, you can learn a lot!!
<.SUP> <./SUP> is superscript (minus the dots of course)
First what i do, (if pouching it ) ,is click the right side of the mouse and pull up properties on the cartoon or graphic, then copy the url
then i type in < i m g (space)SRC="paste the url"(use these""") > and cartoon appears
but don't know how to make the formating (< >) show in order to demonstrate.
I answered this after your post in my reply #15, but it may not show up clearly on all monitors, so I'll try to use words.
< is "ampersand LT semicolon" (LT for less than) and > is "ampersand GT semicolon" (GT for greater than).
I noticed ferret used a trick by sticking in an innocuous period, I've seen others use a space to disable HTML translation.
Like this?
Thanks to both of you! BTW, check out this cartoon - it was a play on the article about the alarm bra...
Thanks! Here's one of my favorites...
Here's how to format it:
<MARQUEE> and don't forget to close it! </MARQUEE>
<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
Marquee is not a command that is supported on Netscape browsers so if you are using Netscape you won't see it scroll.
Let's not forget color. most words for colors will work and that's the easiest way to do it.
To use color enter it like this: < font color=red>. Don't forget to turn it off with </font>
Sorry for duplicating your post. Got interupted while I was typing mine ;-{
Great post! Permit me to mention the use of <PRE> and </PRE> tags. Their use is the quickest method I know of posting a bunch of text here without losing its orginal line and paragraph formatting. An example:
Their use is the quickest method I know of posting a bunch of text here without losing its orginal line and paragraph formatting.
In the above example, the text was enclosed within <PRE> and </PRE> tags. No other tags were used.
Bump
Quite alright, glad to have everybody helping!
I just noticed somebody on another thread do some "highlighting" of text using:
<SPAN STYLE="background:yellow">Highlighted Text Here</SPAN>
Which produces Highlighted Text Here
I never knew this particular code before, but it looks like one I'd like to add to my repertoire.
Thanks for this. I print every thread like this, and learn something new every time.
What a talented group of FReepers, and so nice to share all these tips!
Aren't you supposed to put "red" in quotation marks?
Here's a tip that's really not to add your own HTML, but sometimes you'll see something outrageous like a really big font that someone forgets to turn off. So you decide to help and issue a < /font> command to correct it but it doesn't work. Any time you try to turn off a bad HTML tag enter the close tag multiple times because sometimes the person who entered the original tag entered it more than once and you have to turn off the commands in pairs.
not neccessary works with or without the quotes
Folks might like the BLOCKQUOTE command, as well. When you want to take a section and produce the text indented in a block and then go back to regular alignment, use blockquote.
To do this, I typed normally, then put in <blockquote> and the paragraph <p> and typed in the rest. It shows up as a block. I end it </p> </blockquote> and then use another paragraph break and continue with the rest.
It formats long quotes, etc. quite well.
I think the lot of you are mistaken.
Get FrontPage 98 on www.ebay.com for about
$30. Study the HTML it generates and you will
DO and LEARN a lot quicker.
It works a lot like a word processor.
I am using FrontPage 2000 now and there
are ways to get it real cheap.
As Willie showed above, sometimes you'll see some HTML trick and you'd like to know how it was done. THe quickest way is to use your browsers option to view the source of the page where you saw the HTML goodie you want. Then browse the source page for the text you are looking for and see how it was done!
"not necessary works without quotes"
AWLRIIIIGHT! THIS IS FUN!
The bad thing about PRE and /PRE is that is the viewers monitor is smaller than yours, he'll have to scroll back and forth to see it all. Very nasty. I always recommend against it. The styling should be free to conform to the monitor on which it's being viewed.
Hmmmm, we forgot SIZE! (Oh, well, size doesn't really matter, does it?) Anyhow, it is a companion to color. It is <font size=N> with N being a number. This is 4 and This is 5. Be sure to close it with the slash ending tag </font> or someone will be really mad! To make one command of color and size, simply do <font size=4 color=red> and you get size 4 in red! Easy.
Do I even dare even mention the warnings about using and abusing tables?
dan
Here's another 'must have tip'. BOOKMARK THIS THREAD. Then you will have all this wisdom when you need it!
To link to an image try this:
<img SRC="URL OF THE IMAGE">
Be sure to put the dimensions of the image in the tag, e.g.
<img SRC="URL OF THE IMAGE" width=50 height=25>
If you omit the dimensions from the tag, it will slow down the page loading and generate unnecessary network traffic with the servers.
It would be better to not post images than omit the dimensions.
Thanks, never knew about that (the slowdown I mean, I knew about the size)
oops. That's what happens when you try experimenting. Sorry about that.
Sometimes the <Pre >tags will let it run out of the window, thus you have to scroll left and right to read.
Another way is to right click on the article you are copying/posting. Select/click view source which will open a notepad screen. Highlight and copy only the part of the text that you want to post. Move it to the post/reply window and paste. It will retain the orginal html commands.
Then browse the source page for the text you are looking for and see how it was done!
Using the browser to view the source code is also handy for copying articles to post along with the articles formatting (helps avoid use of the <pre> and </pre> tags.)
I view the source code. Highlight the text and code to be copied by clicking and dragging the mouse cursor. Then (in Windows) copy it to my clipboard using CTRL-C on the keyboard. (Netscape doesn't have an edit menu in the view source screen). I can then paste the article, complete with code, directly into the post box or into Notepad for further editing.
Thank you! Thats what I like about this FREEREPUBLIC SITE, always willing to help out dummies like me!
Thanks for the thread today. Every bit of HTML code I have learned, I learned right here on FR and boy did I feel LIBERATED! I reiterate, viewing source code is like "reverse engineering" and one can really learn a lot from it.
Do I even dare even mention the warnings about using and abusing tables?
Tables are awfully handy, but I gotta admit they're beyond my capability to understand well, let alone try to explain.
If you're feeling up to it, we'd love to have your comments.
YIPEE!!!!!
Thought I'd post a few non HTML abbreviations for the newbies also. Seeing these really threw me for the longest time until I saw a thread decoding their meaning.
BTW = By the way
WRT = With respect to
LOL = Laugh out loud
ROTFLMAO = Rolling on the floor laughing my ass off
PIMP = Peeing in my pants
IMO = In my opinion
bttt = Bump to the top
Sure there's lots more, but those are the only ones that come to mind at the moment
Thank you, thank you, thank you!
I usually do not post anything of any great importance, (just my opinion - important only to me!), but at least now I can do it in style!
Thanks again, from a reformed computer dummy!
Marquee is not a command that is supported on Netscape browsers so if you are using Netscape you won't see it scroll.
And blink is not a command that is supported on Internet Explorer.
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!
Unfortunately, once the graphic is removed from the referring site, the link goes bad.
This one has about two more weeks before it expires.
An easy way to remedy this is to upload the graphic on some free web space, then you can use your web space URL as your image source.
Here is a site I use for uploading files: FreeYellow. They will give you 12 MB of free space. Just sign up, log in, and start uploading.
The best HTML tip I've learned on FR is using the <BASE HREF> command. You can cut and paste a whole article pictures formating and all using this command.
The way to do this is view the article you want to copy. Then view the source code of the article (on my browser I just click view on the menu and go down to source). Then copy the source code and paste it into your post. Now add the <BASE HREF> command near the top of the article... to do this copy the URL of the original article ... i.e. if the original article is from http://www.readthis.com/dir/this.html then make the command you put on the first line of the source code:
<BASE HREF="http://www.readthis.com/dir/">
Then preview what you've done, and magically the whole page should be perfectly formatted.
Oh, on the last line of the article you should include this command:
<BASE HREF="http://www.FreeRepublic.com/forum/">
The last line can be left out because FreeRepublic resets itself... but it's best to be used to turning off your HTML codes.
What happened to the blink?
If you are using IE, you will not see the blink. It only works on Netscape.
Okay, I must be dense, but I still can't figure out how to post a midi. Can anyone show me the EXACT way to post this? I've given up! I wanted to post it in the 'spirit of Halloween'!
Here's the url: http://www.personal.u-net.com/~mischief/MIDI/ADDAMS.MID
Thanks for the tip!
"Sometimes the <PRE> tags will let it run out of the window, thus you have to scroll left and right to read."
Yes, you are right. And they suggest that the hand-on-the-mouse perform as many different types of motion as possible to prevent repetitive-motion related injuries. What a way to keep healthy, eh? :)
"I still can't figure out how to post a midi. Can anyone show me the EXACT way to post this? I've given up! I wanted to post it in the 'spirit of Halloween'! Here's the url: http://www.personal.u-net.com/~mischief/MIDI/ADDAMS.MID"
Let's give it a try:
This is how the above link was achieved:
<A HREF="http://www.personal.u-net.com/~mischief/MIDI/ADDAMS.MID">Listen to this MIDI</A>
When I clicked on it, I had the choice of either saving it on my computer (and listening to it later), or listening to it now (opening the file from its location).
This used to work:
<EMBED src=http://www.personal.u-net.com/~mischief/MIDI/ADDAMS.MID height="45" width="145" true border=1>
But I notice that the post preview strips out the actual EMBED tag. I don't know if John Robinson coded this intentionally or if it is a glitch.
Thank you thank you thank you!!!!! You done good! A major ray of sunshine in a dark forbidding world. I appreciate all the help and promise to pass it on anytime it is needed. (Assuming I get it as down pat as you folks seem to have it.)
Thanks for the BASE HREF tag! Allow me to try it:
Upon visiting:
http://dailynews.yahoo.com/h/nm/19991025/ts/crash_plane_9.html
the entire source code of that page will be copied and pasted here. Then <BASE HREF="http://dailynews.yahoo.com/h/nm/19991025/ts/crash_plane_9.html"> will be added to the top of the code and <BASE HREF="http://www.freerepublic.com/forum/"> added to the bottom to get:
 | Home
-
Yahoo!
-
My
Yahoo!
-
News
Alerts
-
Help |  |
Click here for Hot Travel Deals!
| | | | | | | | | | | | | | | | | | | | |
| |||
Monday October 25 6:41 PM ET
U.S. Golfer Payne Stewart Dies In Crash
U.S. Golfer Payne Stewart Dies In Crash
IPSWICH, S.D. (Reuters) - Reigning U.S. Open golf champion Payne Stewart was killed when his private Learjet plane crashed in South Dakota Monday after a ghostly, uncontrolled flight halfway across the United States. None of the five people on board survived the crash in a farm field in northeast South Dakota, officials said, and unconfirmed reports indicated all may have died in the air long before the plane ran out of fuel and went down. The plane left Orlando, Florida -- home of the two-time U.S. Open champion -- and was headed for Texas. But the Federal Aviation Administration said it lost contact with the ground not long after takeoff, and military planes sent to track it said they found no sign of life aboard, perhaps because the cabin had depressurized. The plane soared northwest across five states before crashing. Gene Abdallah, superintendent of the South Dakota Highway Patrol, said one witnesses saw it ``falling like a rag, just tumbling'' before it crashed. No one on the ground was injured. Major Tom Draveland, assistant superintendent of the patrol, said the plane crashed into a field of tall grass and ``was out of fuel so the wreckage is smoldering out there but there's no real fire. ``It's confined to a small area... It's in pieces and there are some human remains there. I can't say if they're identifiable but we haven't identified them yet,'' he added. White House spokesman Joe Lockhart said that the National Security Council and other White House officials had monitored the plane's flight, in part out of concern that it could crash in a populated area. Lockhart said President Clinton had authority to order the plane shot down to prevent such a crash, but that no recommendation for action had been made. James Watkins, president of Sunjet Aviation Inc. which operated the jet out of the Orlando/Sanford Airport, said Stewart had chartered the plane for the trip He identified the principal pilot as Michael Klieg, 43, a former Air Force pilot who had worked for Sunjet for a couple of months and ``was a high altitude instructor in the Air Force. That's the irony of it. If anybody was capable of managing a loss of pressurization, it would be him.'' He said the company had reviewed maintenance logs and ``we have no explanation for it at all ... It's been a fine plane. The plane has never even had an incident. No damage. No incident.'' The co-pilot was identified as Stephanie Bellegarrigue, 27, of Orlando, who had 1,700 light hours and held a commercial pilots certificate. The PGA Tour in a statement called Stewart's death ``a tremendous loss for the entire golfing community and all of sports.'' U.S. Masters champion Jose Maria Olazabal of Spain, who was due to play Stewart in the Grand Slam of Golf in Hawaii next month said: ``He was a true sportsman on the course and a gentleman off it.'' President Clinton, an avid golfer, said: ``I am profoundly sorry for the loss of Payne Stewart, who has had such a remarkable career and impact on his sport, and a remarkable resurgence in the last couple of years.'' Clinton told reporters on the White House lawn: ``I am very grateful for the work the FAA did, and for the two Air Force pilots, and the others in the Air Force that monitored this plane and made every effort to try to make contact with it.'' ``They did everything that could humanly be done, and they were looking out for the safety of everyone involved, and I'm just sorry that it crashed and what happened happened..'' A family friend read a statement to reporters outside Stewart's home in Orlando, saying his survivors ``appreciate the heartfelt love and kindness shown by our friends and loved ones in our loss of Payne. We know he is with the Lord and in that we take comfort.'' A flamboyant character who played in old-style baggy knickerbockers called ``plus-fours,'' the 42-year-old Stewart won this year's U.S. Open in June and was a member of the U.S. Ryder Cup team that beat the European squad in a cliffhanger last month. He won his first U.S. Open in 1991 and the PGA championship in 1989. Air Force officials at the Pentagon said the Federal Aviation Administration requested that Air Force jets try to communicate with and shadow the Learjet shortly after it took off from Orlando and the FAA lost communications. They said the crew and passengers of the small plane apparently never responded to attempts by the military jets to communicate. Oklahoma air national guard Sgt. Ann Gray in Tulsa told Reuters that two of the guard's F-16s followed the plane until it crashed, and ``they had difficulty seeing anybody moving inside.'' Stewart leaves his wife, Tracey Ferguson, daughter Chelsea, 13, and son Aaron, 10. Born in Springfield, Missouri, on Jan. 30, 1957, Stewart had
11 PGA tour victories and earned more than $11 million in his
career. He had his own clothing line that included variations on
his outfit.
|
|
