The HTML Campfire

10/5/2004 | me, all the helpful others

[michigander]

The HTML Campfire

Gather 'round one and all. New or old, it doesn't matter.
All that should matter is a willingness to have, what may or may not be considered, knowledge bestowed upon anyone willing to learn how in the world all this cool looking stuff happens 'round here.
Let's get started...

---

Line Break: <br>
When you type <br> at the end of a line of text
This is what happens.

New Paragraph: <p>
When you type <p> at the end of a line of text

This is what happens.

These you need to turn something "on" and "off".

Bold "on" = <b> Bold "off "= </b>
Typing in:
<b>Bold</b> no more bold
Looks like:
Bold no more bold

The rest work the same way

Italic: <i></i>
Italic

Underline: <u></u>
Underline

Strikeout: <s></s>
Strikeout

Center: <center></center>

Center

The recently popular, Superscript: 
^{th, st, rd}

Subscript: 
_{th, st, rd}

Nothing to it right?
Now these require you to enter what you want between the " and ".

Font Size: <font size="?"></font> (?=font sizes; 1-7)
1234567

Font Color: <font color="the color name"></font>
Black
White It's White, trust me it's there (highlight it with your pointer)
Red
Green
Blue
Cyan
Purple
Orange
Yellow
Brown

These rquire you to enter where you want to go between the " and ".

How to post a picture: <img src="?"> (?=the address of the picture)
In this case the picture address is: http://www.freerepublic.com/images/frlogo.gif (It's from the FR home page)
<img src="http://www.freerepublic.com/images/frlogo.gif"> =

Links are a 2 step process. Where you want to go and something for the pointer to "click" on.
Link Something: <a href="?">??</a> (?=the address of the page, ??=something to "click" on)
In this case the page address is: http://www.freerepublic.com/home.htm (the FreeRepublic "home" page)
<a href="http://www.freerepublic.com/home.htm">(the FreeRepublic "home" page)</a> the </a> turns off the link. =
(the FreeRepublic "home" page) the </a> turns off the link.

[michigander]

This "Campfire" may turn into a "Bonfire" so remember, the flames can be HOT!
However, with a little care, they're rarely fatal.

J

[bikepacker67]

You forgot links...

<a href="My Link" target="new">Google</a>

renders: Google

[cripplecreek]

Allow me to be the first victim.

[weegee]

Not an HTML problem, but is there any explanation for why FR posts now have a bit of a delay after they are submitted?

When the threads reload after submitting a post, I do not see my latest message. I have to refresh the thread page several times to see what I've typed.

FR used to always run in realtime, now it seems like there is a "seven second" delay. Is equipment being maxed out by the number of users or have there been some changes behind the scenes?

[pgobrien]

WOW! Thanks. Seriously cool. Never took the time to figure it all out.

[Argus]

Thank you bump.

[bikepacker67]

I should say... you forgot LINKS the correct way!

target="new" is the polite way!

[lelio]

I'll throw in that putting an <ul> list is handy. Start off with the ul then put <li> items for each one, then close it off with a </ul>

• one
• two
• three

[michigander]

You forgot links...

Ahem. ;-)

[Rightly Biased]

I noticed the same especially yesterday during the FReepathon.

[cripplecreek]

Woooo Wooooo

my first successful picture posted.

[Odyssey-x]

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)

[eureka!]

bump

[michigander]

"correct", "polite"?

You sound like Kerry attempting to define "grave" and "imminent".

[FesterUSMC]

Dan Ra^ther is a joke! thanks for the suoerscript HTML help I was actually looking for tis last night and could not find it, thank you! :^D

Fe^sterUSMC

[Rightly Biased]

Can we still marquee?

?

I guess not

[spodefly]

[michigander]

Can we still marquee?

No.
Once in a while that's a bummer eh?

[FourtySeven]

Begs the question: Will we make HTML smores later?

[michigander]

.

[Tax-chick]

I'm copying the thread location to my home page, so I can find it when I need it.

Strikeover Crossing things out is my favorite!

[McGruff]

Happy Halloween from www.filedeposit.com free picture storage.

[Tax-chick]

And it's a really pretty picture, too!

[conservatism_IS_compassion]

I'll see your <ul> and raise you
<ol><li>one
<li>two
<li>three
<li>four
</ol>

Which yields:

1. one
2. two
3. three
4. four

(Bullet points or numbered lists can be nested, too).

[Tax-chick]

And here's a cool green tree snake!

[cripplecreek]

Now my only problem is getting them from the web. I don't know how to convert web photos from bitmap to jpgs. I'll try resizing next.

[bikepacker67]

I beg your freakin' pardon!

Kerry would not only give you a dead link, but take your original IE page away from Free Republic!

I'll reiterate... the proper way to link is thus:

<a href="my link" target="new">MY LINK</a>

[michigander]

SAMMY!

You sure know how to break a Cub's fans heart.
Not that we didn't know any better!

[socal_parrot]

I have a query for you that are so wise in the ways of HTML. Do you have to type each individual font color to get that pretty rainbow font that classygreeneyedblonde used or did he/she use a single command?

[Tax-chick]

I don't understand a word you said. But I'm okay with that ... one hurdle at a time! I just figured out the tree snake a few days ago, and not long before that, I learned to
line break!

[lancer]

And a beauty at that! Sunrise or sunset?

[spodefly]

[Retief]

I want to try fonts and colors. Let's try Red. Cool it works.

Let's try big red: Red. Way cool.

Let me try that list thing. Reasons NOT to vote for Kerry:

He's a traitor.

He'll raise taxes.

He's a compulsive liar.

He'll get a lot of Americans killed.

Thank you. This will be very helpful..

[conservatism_IS_compassion]

Indicating the end of sarcasm is done by </sarcasm>

But how do you display the "less than symobol which HTML would try to interpret if explicitly stated?

The way I do it is to use the ampersand (shift-7 key) followed immediately by LT;

[gigi]

BUMP for practice later.

[cripplecreek]

Sunset. I take a picture of the lake nearly every day. Something is allways different.

[Jackknife]

Halloween Flashers

LMAO!!

[ErnBatavia]

Joining you in the color test exercise..

Test

[TXnMA]

Ordered lists (similar to lelio's "unordered list" in #8 are also useful:

<OL>
<LI>First List Item
<LI>Second List Item
<LI>Third List Item
</OL>

produces this:

1. First List Item
2. Second List Item
3. Third List Item

[cripplecreek]

Hey PETA, want some ham?

[Dutchgirl]

The a href="?" also works for wav files... spam.

[michigander]

I use &lt;/sarcasm&gt; myself.

</sarcasm>

[ChadGore]

OK, so I want to put yellow highlight on certian text, not change the text color, just highlight the background yellow . . how would I do that ?

[umbagi]

And let's not forget the classic:

michigander

Member since October 30, 1998

You just go like this:

<table bgcolor="#000000" border="0" cellpadding="1" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td>
        <table border="0" cellpadding="1" cellspacing="1" width="100%">
          <tbody>
            <tr bgcolor="#3d4f88">
              <td align="left" width="75%"><font color="#ffffff"><b>michigander</b></font>               </td>
              <td align="right"><font color="#ffffff" size="-1">Member since <b>
                October 30, 1998</b></font>               </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>
  

[BIGLOOK]

Testing, testing...

[michigander]

I want to put yellow highlight on certian text, not change the text color, just highlight the background yellow

That was a sweet wasn't it?
I don't know a simple way to do that here anymore.
I'd just bold or change the color of the certain text.

[spodefly]

spodefly-certified HTML Screensaver

Probably only works on IE5+. Non-malicious.

[Tax-chick]

WOW!

[BIGLOOK]

Need some help here. What is the address of a picture if I choose one from those I've saved in My Pictures. I just tried with the addresson the folder and got nada.

[michigander]

And let's not forget the classic:

Man, I remember that. Sheesh, I'm old!
Never thought my freshness date meant that much in the grand scheme though.