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.

[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?