PDA

View Full Version : Fun with HTML (tutoral)


Louie
09-11-1999, 08:03 PM
I apologize in advance if some of this stuff doesn't work.
I did this only in Notepad.

Here's a reference to do all the neat things you can do with HTML.
Just copy how the code is done and that's all.

Part I - The Basics

Bolding:

<b>words in bold</b>

words in bold

Italics:

<i>words in italics</i>

words in italics

Underline:

<u>words underlined</u>

words underlined

Strikeout:

<strike>words crossed off</strike>

<strike>words crossed off</strike>

Centering text:

&lt;p align="center"&gt;centered text&lt;/p&gt;

<p align="center">centered text</p>

Marquee (only works in Internet Explorer):

&lt;marquee&gt;scrolling words&lt;/marquee&gt;

<marquee>scrolling words</marquee>

Bouncing Marquee (only works in Internet Explorer):

&lt;marquee behavior="alternate"&gt;bouncing words&lt;/marquee&gt;

<marquee behavior="alternate">bouncing words</marquee>

Part II - Images and Hyperlinks

To display an image:

&lt;img src="web address of image goes here" alt="alt tag goes here"&gt;

So to display my "thumbs up" picture with the tag "cool", I would type down-

&lt;img src="http://members.aol.com/lou826/thumb.gif" alt="cool"&gt;

<img src="http:/members.aol.com/lou826/thumb.gif" alt="cool">

To make a hyperlink:

&lt;a href="web address goes here"&gt;words to click on&lt;/a&gt;

So if you wanted to link to The Onion, you would type down-

&lt;a href="http://www.theonion.com"&gt;click here to read The Onion&lt;/a&gt;

<a href="http://www.theonion.com">click here to read The Onion</a>

Part III - Fun with Fonts

To change font type:

&lt;font face="©"&gt;a bunch of words&lt;/font&gt;

Replace © with the name of the font you want to use.
So if you wanted to change the font to a typewriter style (Courier New),
you would type down-

&lt;font face="Courier New"&gt;a bunch of words&lt;/font&gt;

<font face="Courier New">a bunch of words</font>

To change font size:

&lt;font size=©&gt;words to make bigger or smaller&lt;/font&gt;

Replace © with size numbers 1 2 3 4 5 6 or 7.

<font size=1>size 1</font>
<font size=2>size 2</font>
<font size=3>size 3</font>
<font size=4>size 4</font>
<font size=5>size 5</font>
<font size=6>size 6</font>
<font size=7>size 7</font>

To change font color:

&lt;font color="©"&gt;words in color&lt;/font&gt;

Replace © with Red, Orange, Yellow, Green, Blue, or Purple

<font color="red">Red</font>
<font color="orange">Orange</font>
<font color="yellow">Yellow</font>
<font color="green">Green</font>
<font color="blue">Blue</font>
<font color="purple">Purple</font>

Part IV - Symbols!

These symbols can be found under the font names "Wingdings" and "Webdings".
To use them, use the "To change font type" trick shown above.

Key:
<font face="Courier New">`1234567890-=
~!@#$%^&*()_+
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
[];',./\
{}:"&lt;&gt;?|</font>

Wingdings Symbols:

<font face="Wingdings" size=6>`1234567890-=
~!@#$%^&*()_+
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
[];',./\
{}:"&lt;&gt;?|</font>

Webdings Symbols:

<font face="Webdings" size=6>`1234567890-=
~!@#$%^&*()_+
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
[];',./\
{}:"&lt;&gt;?|</font>

Hope this helps out. :)

Louie
09-11-1999, 08:07 PM
Yes! It all worked, except for the http://members.aol.com/lou826/thumb.gif picture. Oh well. Hope I helped you all.

Louie

Ringo
09-11-1999, 08:44 PM
<marquee behavior="alternate">Does it work?</marquee>

Ringo
09-11-1999, 08:47 PM
<font size=6>Hey Louie! Thanks!</font>

Kamino Neko
09-11-1999, 08:54 PM
<marquee behavior="alternate">This could be fun!</marquee>



------------------
'They couldn't hit an Elephant from this dist...!'

Last words of General John Sedgwick

rowrrbazzle
09-12-1999, 08:17 PM
<marquee behavior="alternate">I hate ping-pong! :o</marquee>

Sassy
09-13-1999, 04:41 PM
I have to try this

Strainger
09-13-1999, 05:33 PM
underline?

Strainger
09-13-1999, 05:35 PM
Greek Symbols?

<font face="Symbol">abgdezhq</font>

Strainger
09-13-1999, 05:37 PM
<marquee><font color="Blue">Cool!</font></marquee>

manhattan
09-13-1999, 05:40 PM
<marquee behavior="alternate"> <font color=Red>Louie Rocks!</font>
</marquee>


------------------
Livin' on Tums, Vitamin E and Rogaine

manhattan
09-13-1999, 05:42 PM
Does it work in a sig?

------------------
&lt;marquee behavior="alternate"&gt; &lt;font color=Green&gt;J E T S JetsJetsJets!&lt;/font&gt;
&lt;/marquee&gt;

manhattan
09-13-1999, 05:44 PM
What about just the color?

------------------
&lt;font color=Green&gt;J E T S JetsJetsJets!&lt;/font&gt;

Strainger
09-13-1999, 06:09 PM
Manhattan, try removing the spaces between codes. Also remember to put "quotes" around the name of your font color.

manhattan
09-13-1999, 06:12 PM
Like this?

<marquee behavior="alternate"><font color="Green">J E T S JetsJetsJets!</font></marquee>

------------------
Livin' on Tums, Vitamin E and Rogaine

manhattan
09-13-1999, 06:13 PM
And now lets try the sig.

------------------
&lt;marquee behavior="alternate"&gt;&lt;font color="Green"&gt;J E T S JetsJetsJets!&lt;/font&gt;&lt;/marquee&gt;

manhattan
09-13-1999, 06:16 PM
OK, no scrolling for me. How 'bout the color?

BTW, TubaDiva: Louie created a remarkable tutorial here. Can it be moved to the FAQ. In the alternative, can you delete all the "I'm gonna try this" posts (including mine)?

------------------
&lt;font color="Green"&gt;J E T S JetsJetsJets!&lt;/font&gt;

moriah
09-13-1999, 08:41 PM
I think the create-your-sig-screen specifically states that html and images are turned off for sigs.

Peace.

Strainger
09-13-1999, 11:52 PM
What I'm wondering is why UBB created its own code for bold and italics when it's not a whole lot different from the HTML code. To relieve us from having to use the shift key so much, maybe?

I'm also wondering how Louie was able to list the syntax for the HTML commands without the code being executed. Additional HTML code?

BTW, thanks very much for the tutorial, Louie!!

TubaDiva
09-14-1999, 12:45 AM
BTW, TubaDiva: Louie created a remarkable tutorial here. Can it be moved to the FAQ. In the alternative, can you delete all the "I'm gonna try this" posts (including mine)?

I think this is a keeper. :)

Thank you very much, Louie.

What I'm wondering is why UBB created its own code for bold and italics when it's not a whole lot different from the HTML code. To relieve us from having to use the shift key so much, maybe?

Some boards have html coding turned off; we allow both html and UBB.

your humble TubaDiva/SDStaffDiv
for the Straight Dope

09-14-1999, 06:16 AM
<font color="red">This should be bolded red</font>

<strike>These words should be in strike-out.</strike>

Lessee if this works, now.

BunnyGirl
09-14-1999, 03:09 PM
Louie, you are a prince among men! Thanks for the tutorial!!!

3 cheers for Louie!

manhattan
09-14-1999, 03:19 PM
moriah sez: I think the create-your-sig-screen specifically states that html and images are turned off for sigs.Oh, sure, if you’re one of those people who read that kind of stuff.

(manhattan skulks away, embarassed……)


------------------
Livin' on Tums, Vitamin E and Rogaine

moriah
09-15-1999, 12:50 AM
<body>
<font color="#009900">Strainger</font> posted:
<dl>
<dl><tt>What I'm wondering is why UBB created its own code for bold and
italics when it's not a whole lot different from the HTML code. To relieve
us from having to use the shift key so much, maybe?</tt></dl>
</dl>
As mentioned, it's possible for the admins to turn off html and make us
use just ubb coding.&nbsp; So, ubb coding had to be different than html.
<blockquote>&nbsp;

<tt>I'm also wondering how Louie was able to list the syntax for the
HTML commands without the code being executed. Additional HTML code?</tt></blockquote>
Basically, yes.&nbsp; There is a html code for the open angle bracket that
begins with an ampersand ( <font color="#993366">&amp;lt;</font> = <font color="#993366">&lt;</font>
) for when you want brackets to show instead of having them be interpreted
as code.


It is easier, though, to type and format in a <font size=-1>WYSIWYG</font>
editor (such as <font color="#FF0000">Netscape's Composer<font size=-2>
&reg;</font></font>) that will export what you type as html code.&nbsp;
Then you just cut and past the code into the reply box on the board.


Also, if you want to see the coding that Louie did, use your browser's
view
code command.&nbsp; In <font color="#FF0000">Netscape <font size=-2>&reg;</font></font>
it is View / Page Source.


<font color="#FF0000">-</font><font color="#FF0700">m</font><font color="#FF0F00">o</font><font color="#FF1600">r</font><font color="#FF1E00">i</font><font color="#FF2600">a</font><font color="#FF2D00">h</font>
</body>

moriah
09-15-1999, 12:52 AM
Of course, it helps to remember to check the page breaks. **sigh**

Louie
09-15-1999, 12:56 AM
Anytime, TubaDiva. Finally, I do something good on this board. :)

Strainger:

Yes, I used additional HTML codes for &lt; and &gt;. To make a &lt;, you type in (without the *'s):

&*l*t*;

And to make a &gt;, you type (without the *'s):

&*g*t*;

Straight Dope: now in <font color="red">C</font><font color="orange">O</font><font color="yellow">L</font><font color="green">O</font><font color="blue">R</font>

E1skeptic
09-15-1999, 01:05 AM
So, I can post using the NS composer?

WOW!

moriah
09-15-1999, 08:09 PM
<body>
Using NS Composer is a bit tricky because you need to cut and paste the code into the ubb, and for some strange reason, NS won't let you copy the code when you pull it up in the code views.


So, what do you do?&nbsp; After using the spelling checker, save your highly formatted Composer page (I usually save it to a dummy file, <tt>foo.htm</tt> that I keep reusing).&nbsp; Then&nbsp; use Edit / HTML Source
to see the html-coded page in a word processor (use <tt>notepad.exe</tt>
found in your <tt>Windows</tt> directory).&nbsp; Then you can highlight
and copy and paste the text into the ubb (<font size=-1>CTRL-C /
ALT-TAB / ALT-TABE / CTRL-V</font>).


P<font size=-1>EACE</font>
</body>

moriah
09-15-1999, 08:13 PM
<body>
Using NS Composer is a bit tricky because you need to cut and
paste the code into the ubb, and for some strange reason, NS
won't let you copy the code when you pull it up in the code views.


So, what do you do?&nbsp; After using the spelling checker, save your
highly formatted Composer page (I usually save it to a dummy file,
<tt>foo.htm</tt>
that I keep reusing).&nbsp; Then&nbsp; use Edit / HTML Source
to see the html-coded page in a word processor (use
<tt>notepad.exe</tt>
found in your <tt>Windows</tt> directory).&nbsp; Then you can highlight
and copy and paste the text into the ubb (<font size=-1>CTRL-C /
ALT-TAB / CTRL-V</font>).


P<font size=-1>EACE</font>
</body>

moriah
09-15-1999, 08:16 PM
Yeah, I know I posted that twice. Was trying to find a way to get rid of those damned invisible carriage returns in the UBB.

Peace.

Jewel
09-16-1999, 12:28 AM
<font color="blue">Thanks</font> for the info, Louie!

E1skeptic
09-16-1999, 02:52 AM
</head>
<body>
Let's <font face="Arial Black"><font color="#3333FF">see </font></font><font face="Comic Sans MS"><font color="#CC0000">if
this </font></font><font face="Copperplate Gothic Light"><font color="#009900"><font size=+1>works</font></font></font>
</body>
</html>

E1skeptic
09-16-1999, 02:54 AM
Thanks, Moriah!

:)

Strainger
09-16-1999, 02:24 PM
Does <font color="Blue">this</font> throw you off?

GregAtlanta
09-17-1999, 12:27 AM
Just trying some stuff.

<marquee>This oughta be moving.</marquee>

Louie
09-17-1999, 12:58 AM
Don't mind me, just keeping this tutoral afloat.

<marquee behavior="slide"> :) :D :)</marquee>




------------------
"The more beautiful the rose, the more thorns it hides underneath." - Louie

moriah
09-17-1999, 03:42 AM
Strainger,


You are cruel.&nbsp; But I've seen that one before as well as other practical html jokes at <font color="#3333FF">WebJokers.com</font>.


Peace.

Louie
09-18-1999, 01:19 AM
I'm still receiving compliments for the tutoral. :) Thanks everyone.

Still trying to keep this afloat.

Kamino Neko
09-18-1999, 01:29 AM
<marquee behavior="alternate"> :) :D ;) :o</marquee>

<marquee>Just screwin' around. ;)</marquee>

Louie
09-18-1999, 01:57 AM
<IMG SRC="http://pluto.beseen.com/hit.counter?account=thebiglou@hotmail.com-&font=RedOnBlack&base=0" BORDER=0> (http://www.beseen.com/hc-index.html)

<font face="Webdings" size=7>B</font>

Louie
09-18-1999, 01:58 AM
Uh, I mean...

<font face="Wingdings" size=7>B

C</font> perfect

Sealemon88
09-18-1999, 03:32 PM
testing this out

<wanna see if this prints>

Sealemon88
09-18-1999, 03:34 PM
well, well, well....just found out that placing text in the "<>" symbols doesn't work...It just disapears

09-18-1999, 04:28 PM
let's see--

This is not in bold
This should have italics
But it probably doesn't.
<strike> This is crossed out. </strike>

<p align="center"> Is this centered? </p>

<marquee> This is not moving. </marquee>

<marquee behavior="alternate"> Or bouncing </marquee>

The best Monty Python site I've ever seen. (http://www.montypython.net)

<font face="Westminster"> This font is Westminster... You may not have it. </font>

<font size=7> BYZANTINE!! </font>

<font color="Blue"> That is what I wanted to do in the "Brithael V Byzantine thread. </font>

<sarc> I am confident in my HTML skills. </sarc>



------------------
"Of course we could make school more challenging Lisa. But then the stupider children would be in here complaining... furrowing their brows in a futile attempt to comprehend the situation."

09-18-1999, 04:36 PM
One error in the whole damn thing and it's the one that makes me look arrogant. I meant:

I am confident in my HTML skills.

indicating sarcasm.

PS Did this quote?

Thanks for the info, Louie!

Jewel said it, and I share the sentiment.

09-18-1999, 04:42 PM
I keeep posting, but this is fun, and besides, this thread must stay at the top for my fellow clueless newbies.

What does nesting the HTML do?

Italics and bold?

Louie
09-19-1999, 02:11 AM
I'm going to try to make a separate web page with the tutoral on it.

<marquee>Still keeping this afloat, thanks to the BigSmily!<img src="http://www.straightdope.com/ubb/smile.gif" height="200" width="200">

------------------
"The more beautiful the rose, the more thorns it hides underneath." - Louie

Louie
09-19-1999, 02:14 AM
</marquee>

<font face="wingdings" size=7>I</font> High five

Louie
09-22-1999, 01:51 AM
<font color="blue"><blink>STILL keeping it afloat.</blink></font>

Cessandra
09-22-1999, 04:08 PM
Thought I'd bring this topic to the top while checking to see if my sig is right.

------------------
I was educated long after the discontinuation of flogging, and I have no problems with spelling or grammar.
This is because I'm not a moron.
-- Stolen from AuraSeer

&lt;a href="http://www.shsu.edu/~stdmed17/Home.html"&gt;My Homepage&lt;/a&gt;
&lt;a href="http://www.shsu.edu/~stdmed17/RockyHome.html"&gt;The Rocky Horror Picture Show: Website for Virgins&lt;/a&gt;

Cessandra
09-22-1999, 04:09 PM
Hmm, what did I do wrong?

Kat
09-22-1999, 05:38 PM
HTML doesn't work in the signature, only UBB code.

------------------
"It's bacon!!"

Louie
09-27-1999, 12:30 AM
BigSmily, keep it up...

<img src="http://www.straightdope.com/ubb/smile.gif" height="200" width="200">

SterlingNorth
10-01-1999, 05:16 AM
<Blockquote><font size="1">quote the master</font><hr>BigSmily [sic] keep it up...
<img src="http://www.straightdope.com/ubb/smile.gif" height="200" width="200">
Louie <font size="1" color="#800080">posted 09-27-1999 12:30 AM</font>[/quote]
HTML !!! Ain't it screwy!

# 00: The Fool
10-01-1999, 09:47 PM
Oooooh, this looks like so much fun! I've just got to try it out myself!

<p align="center">[b]<font color="Red">C</font><font color="Orange">O</font><font color="Green">L</font><font color="Yellow">O</font><font color="Purple">R</font><font color="Blue">S</font></p>

------------------
"Oh we were brought up on the Space-Race, now they expect us to clean toilets. When you have seen how big the world is how can you make do with this?"

-Pulp, "Glory Days"

# 00: The Fool
10-01-1999, 10:07 PM
Hey, it worked! Louie, youdaman!!
Some of the cool things I can now do:

<strike>Struck out words.</strike>
<marquee><font color="green">Scrolling text! In color, no less!</font></marquee>
<marquee behavior="alternate"> :) Bouncin' text! Smileys too! ;)</marquee>
<font face="Bernard MT Condensed"><font size=6>Big, cool alternative typefaces!</font>

Gee, I sure hoped all that worked. If it didn't, boy will my face be red! :o

------------------
"Oh we were brought up on the Space-Race, now they expect us to clean toilets. When you have seen how big the world is how can you make do with this?"

-Pulp, "Glory Days"

# 00: The Fool
10-01-1999, 10:19 PM
All right. I can accept that I can't put smileys on a marquee. I can also accept that you must enter the "/font" command once for every font change I apply. But what I <font color="red">can't</font> accept is the ineffectiveness of my attempts at making an ordered list. I followed all the directions in the UBB tutoral, so what's going on. ( And yes, I did try it before without the quotes. I got the same results. )

And while I'm at it, why can't you alter type in a marquee?


------------------
"Oh we were brought up on the Space-Race, now they expect us to clean toilets. When you have seen how big the world is how can you make do with this?"

-Pulp, "Glory Days"

Rysdad
10-01-1999, 11:24 PM
[b]My</>[i]turn</>

kellibelli
10-06-1999, 09:45 AM
{font face=garamond]bunch of words[/font]

kellibelli
10-06-1999, 09:47 AM
bunch of words

bunch of words

kellibelli
10-06-1999, 09:49 AM
bunch of words
bunch of words


bunch of words
bunch of words

kellibelli
10-06-1999, 09:52 AM
fuck

kellibelli
10-06-1999, 09:54 AM
fuck

kellibelli
10-06-1999, 10:00 AM
screaming now...
why
why
why
wont this work?

kellibelli
10-06-1999, 10:04 AM
<font face = Garamond>

once
<strike> there was</strike>
<font color=red>there is</font>

</font>

<font size =7>?</font>

kellibelli
10-06-1999, 10:07 AM
<font size =9>
<font face=Comic Sans MS>

Does this work too?
</font>
</font>

kellibelli
10-06-1999, 10:16 AM
please work

------------------
&lt;font face=Symbol&gt;
kellibelli
&lt;/font&gt;

kellibelli
10-06-1999, 10:16 AM
please work

------------------
&lt;font face=Symbol&gt;
kellibelli
&lt;/font&gt;

kellibelli
10-06-1999, 10:20 AM
<font face=Symbol>
Shit!</font>

kellibelli
10-06-1999, 10:22 AM
<font face=Symbol>
<font color=red>
kellibelli
</font>
</font>

lets see if this works.

kellibelli
10-06-1999, 10:25 AM
Thanks louie, you're the best

<font face =symbol>
<font color=red>
<font size =6>

kellibelli
</font>
</font>
</font>

Kat
10-06-1999, 06:19 PM
But what I can't accept is the ineffectiveness of my attempts at making an ordered list. I followed all the directions in the UBB tutoral, so what's going on. ( And yes, I did try it before without the quotes. I got the same results. )


This is the first bulleted item.
This is the second bulleted item.


Let's see if this works--I copied and pasted it from the UBB instruction page. If it doesn't, you'll have to resign yourself to using HTML (see the thread "Making A List" for that)

psycat90
10-07-1999, 10:40 PM
<font color=purple>just a simple test</font>

JLPicard
10-08-1999, 07:16 PM
ok here goes <strike>lets hope this works</strike>

JLPicard
10-08-1999, 07:17 PM
wow how about this <blink>WOW</blink>

JLPicard
10-08-1999, 07:20 PM
well here goes <font size=7><blink>WOW</blink></font size>

Louie
10-09-1999, 12:39 AM
Wow, people are still learning from my tutorial. Again, thank you everyone.

PunditLisa
10-09-1999, 03:30 PM
<font size=1>

Lisa, checking her <font size=7> FONT.

aseymayo
10-11-1999, 02:45 AM
Can you mix UBB and html?

I'll try and see what <strike>horpens</strike> happens

kellibelli
10-12-1999, 08:30 AM
<strike>hello</strike>

Imthecowgodmoo
10-14-1999, 12:22 AM
<img src="http://members.aol.com/cliftondrew/beer.jpg" alt="cool">

mmmm, beer

------------------
"I'm not dumb. I just have a command of thoroughly useless information."-- Calvin and Hobbes
(__)
`\/-------\
`| |-----| |\
..c.c......c.c....

Atrael
10-14-1999, 10:21 AM
sig line test

------------------
I haven't lost my mind, I have a tape backup around somewhere.

Atrael
10-14-1999, 10:27 AM
hmmmmmm

------------------
&lt;marquee&gt;I haven't lost my mind, I have a tape backup around somewhere.&lt;/marquee&gt;

Imthecowgodmoo
10-14-1999, 01:19 PM
<HTML><FONT SIZE=5 PTSIZE=18 FAMILY="SANSSERIF" FACE="Arial" LANG="0">I'm</FONT><FONT SIZE=3 PTSIZE=10> </FONT><FONT SIZE=3 PTSIZE=10 FAMILY="SERIF" FACE="Times New Roman" LANG="0">going</FONT><FONT SIZE=3 PTSIZE=10 FAMILY="SANSSERIF" FACE="Arial" LANG="0"> to </FONT><FONT COLOR="#ff0000" SIZE=7 PTSIZE=28>test</FONT><FONT COLOR="#000000" SIZE=3 PTSIZE=10> this </FONT><FONT SIZE=2 PTSIZE=8 FAMILY="DECORATIVE" FACE="Bauhaus 93" LANG="0">and</FONT><FONT SIZE=3 PTSIZE=10 FAMILY="SANSSERIF" FACE="Arial" LANG="0"> </FONT><FONT COLOR="#0000ff" SIZE=3 PTSIZE=10>s</FONT><FONT COLOR="#00ff40" SIZE=3 PTSIZE=10>e</FONT><FONT COLOR="#ff8000" SIZE=3 PTSIZE=10>e</FONT><FONT COLOR="#000000" SIZE=3 PTSIZE=10> </FONT><FONT SIZE=6 PTSIZE=20>if </FONT><FONT SIZE=7 PTSIZE=26>it</FONT><FONT SIZE=6 PTSIZE=20> </FONT><FONT SIZE=7 PTSIZE=36 FAMILY="SERIF" FACE="Wide Latin" LANG="0">works.</HTML>

------------------
"I'm not dumb. I just have a command of thoroughly useless information."-- Calvin and Hobbes
(__)
`\/-------\
`| |-----| |\
..c.c......c.c....

Imthecowgodmoo
10-14-1999, 01:20 PM
eek! that got ugly

------------------
"I'm not dumb. I just have a command of thoroughly useless information."-- Calvin and Hobbes
(__)
`\/-------\
`| |-----| |\
..c.c......c.c....

Louie
10-14-1999, 07:33 PM
Hey, that cow looks better in that font. Too bad you can't use HTML in sigs.

------------------
Smile, it makes people wonder what you are thinking.
Fun with HTML (tutoral) (http://www.straightdope.com/ubb/Forum2/HTML/000194.html)
Give someone an F.U. (http://www.straightdope.com/ubb/Forum5/HTML/000255.html)

SterlingNorth
10-14-1999, 07:47 PM
This is just a test!

All of a sudden she points at the bush next to me and exclaims, "Oh my god, there's a hundred dollar bill!"
SterlingNorthhttp://www.straightdope.com/ubb/posticon.gif<font size="1" color="#800080">10-14-1999 05:10 PM</font>

Had this been an actual post, you may have seen a life-affirming statement!

Or maybe not!

SterlingNorth
10-14-1999, 07:48 PM
This is just a test!

All of a sudden she points at the bush next to me and exclaims, "Oh my god, there's a hundred dollar bill!"
SterlingNorthhttp://www.straightdope.com/ubb/posticon.gif<font size="1" color="#800080">10-14-1999 05:10 PM</font>[/quote]

Had this been an actual post, you may have seen a life-affirming statement!

Or maybe not!

Louie
10-20-1999, 12:56 AM
Another "keeping this afloat" post.

One more thing. Please don't be attempt to be annoying with all the tricks.

<marquee behavior="alternate"><font size=7 color="green" face="Rage Italic">See what I mean???</font></marquee>

Scarred
10-20-1999, 02:35 PM
just playing around

Earl Snake-Hips Tucker
10-25-1999, 01:34 PM
[b]bold[b]
[i]italics[i]
[u]underline[u]
<strike>strike<strike>

Earl Snake-Hips Tucker
10-25-1999, 01:38 PM
[b]bold[b] test
[i]italics[i] test
[u]underline[u] test
<strike>strike<strike> test

Earl Snake-Hips Tucker
10-25-1999, 01:42 PM
bold test
italics test
underline test
<strike>strike</strike> test

Earl Snake-Hips Tucker
10-26-1999, 03:35 AM
<quote>test</quote>
test
<q>test</q>
test

TubaDiva
10-28-1999, 11:06 AM
Back to the top!

your humble TubaDiva/SDStaffDiv
for the Straight Dope

PS Hey Louie, wanna add Phobia's comments re pictures to this file? Since you started this, I'm asking you first.

Louie
10-29-1999, 01:05 AM
I'm going to make an update to the tutoral pretty soon.

TubaDiva, are you talking about this? (http://www.straightdope.com/ubb/Forum2/HTML/000283.html) If so, I'll gladly put it in the update.

Louie

Louie
11-01-1999, 10:27 PM
Before you read the tutoral, make sure to read the UBB codes page below for more tricks.

<A HREF="http://www.straightdope.com/ubb/ubbcode.html" target=_new>Click here to see all the UBB codes.</A>

UBB emoticons:

: + ) = :)
: + ( = :(
: + D = :D
; + ) = ;)
: + o = :o

<hr>

Here's a reference to do all the neat things you can do with HTML.
Just copy how the code is done and that's all.

<hr>
<font size=5>Part I - The Basics</font>

Bolding:

&lt;b&gt;words in bold&lt;/b&gt;

words in bold

Italics:

&lt;i&gt;words in italics&lt;/i&gt;

words in italics

Underline:

&lt;u&gt;words underlined&lt;/u&gt;

words underlined

Strikeout:

&lt;strike&gt;words crossed off&lt;/strike&gt;

<strike>words crossed off</strike>

Centering text:

&lt;p align="center"&gt;centered text&lt;/p&gt;

<p align="center">centered text</p>

Dividing line:

&lt;hr&gt;

<hr>

Marquee (only works in Internet Explorer):

&lt;marquee&gt;scrolling words&lt;/marquee&gt;

<marquee>scrolling words</marquee>

Bouncing Marquee (only works in Internet Explorer):

&lt;marquee behavior="alternate"&gt;bouncing words&lt;/marquee&gt;

<marquee behavior="alternate">bouncing words</marquee>

Blinking Text (only works in Netscape Navigator):

&lt;blink&gt;blinking text&lt;/blink&gt;

<blink>blinking text</blink>

<hr>
<font size=5>Part II - Images and Hyperlinks</font>

To display an image:

&lt;img src="web address of image goes here" alt="alt tag goes here"&gt;

So to display my "thumbs up" picture with the tag "cool", I would type down-

&lt;img src="http://members.aol.com/lou826/thumb.gif" alt="cool"&gt;

<img src="http://members.aol.com/lou826/thumb.gif" alt="cool">

Some warnings about posting pictures (Thanks to Phobia and tansaaftl):
<blockquote>
<hr>
Please don't steal bandwidth from other people when you post pictures.
To put a picture in you posts or home pages please have the pictures
on your web server. When you link pictures that are on other people's
sites you steal there bandwidth allowed to them on their server.

Some people counter act this by replacing the picture with one of the
same name that says "I steal other's bandwidth." If you have your
material loading from someone else's site they can change what your
post displays.

Keep your picture files to a small size and use compression.
If you post and it takes forever to load, upload and replace
the picture with a new one that is a lot smaller.
The links will then load the new smaller picture. Even one large
file will make the thread cumbersum for all. A monitor only
displays 72 dots per inch. You don't need a high res scanned picture.

Please use compression on your images. Jpeg compression works
quite well and will save a lot of time when people try to view your page.

Lots, if not most web surfers will click on away from a page that takes too long to load. If you want people to look at your page, keep your images as small as possible.
<hr>
</blockquote>

To make a hyperlink:

&lt;a href="web address goes here"&gt;words to click on&lt;/a&gt;

So if you wanted to link to The Onion, you would type down-

&lt;a href="http://www.theonion.com"&gt;click here to read The Onion&lt;/a&gt;

<a href="http://www.theonion.com">click here to read The Onion</a>

<hr>
<font size=5>Part III - Fun with Fonts</font>

To change font type:

&lt;font face="©"&gt;a bunch of words&lt;/font&gt;

Replace © with the name of the font you want to use.
So if you wanted to change the font to a typewriter style (Courier New),
you would type down-

&lt;font face="Courier New"&gt;a bunch of words&lt;/font&gt;

<font face="Courier New">a bunch of words</font>

To change font size:

&lt;font size=©&gt;words to make bigger or smaller&lt;/font&gt;

Replace © with size numbers 1 2 3 4 5 6 or 7.

<font size=1>size 1</font>
<font size=2>size 2</font>
<font size=3>size 3</font>
<font size=4>size 4</font>
<font size=5>size 5</font>
<font size=6>size 6</font>
<font size=7>size 7</font>

To change font color:

&lt;font color="©"&gt;words in color&lt;/font&gt;

Replace © with Red, Orange, Yellow, Green, Blue, or Purple

<font color="red">Red</font>
<font color="orange">Orange</font>
<font color="yellow">Yellow</font>
<font color="green">Green</font>
<font color="blue">Blue</font>
<font color="purple">Purple</font>

<hr>
<font size=5>Part IV - Symbols!</font>

These symbols can be found under the font names "Symbols", "Wingdings" and "Webdings".
To use them, use the "To change font type" trick shown above.

Key:
!"#$%&'()*+,-./0123456789:;&lt;=&gt;?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ

"Symbols" Symbols:

<font face="Symbol" size=5> !"#$%&'()*+,-./0123456789:;&lt;=&gt;?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ</font>

Wingdings Symbols:

<font face="Wingdings" size=5> !"#$%&'()*+,-./0123456789:;&lt;=&gt;?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ</font>

Webdings Symbols:

<font face="Webdings" size=5> !"#$%&'()*+,-./0123456789:;&lt;=&gt;?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ</font>

Hope this helps out. :)

<font face="Rage Italic" size=5>Louie</font>
<hr>

Louie
11-01-1999, 10:30 PM
Please don't steal bandwidth from other people when you post pictures. To put a picture in you posts or home pages please have the pictures on your web server. When you link pictures that are on other people's sites you steal there bandwidth allowed to them on their server.

Some people counter act this by replacing the picture with one of the same name that says "I steal other's bandwidth." If you have your material loading from someone else's site they can change what your post displays.

Keep your picture files to a small size and use compression. If you post and it takes forever to load, upload and replace the picture with a new one that is a lot smaller. The links will then load the new smaller picture. Even one large file will make the thread cumbersum for all. A monitor only displays 72 dots per inch. You don't need a high res scanned picture.

Please use compression on your images. Jpeg compression works quite well and will save a lot of time when people try to view your page.

Lots, if not most web surfers will click on away from a page that takes too long to load. If you want people to look at your page, keep your images as small as possible.

Louie
11-01-1999, 10:33 PM
DAMMIT WHAT AM I DOING WRONG????

11-05-1999, 05:02 PM
<fontface="Wingdings">j</font>

11-05-1999, 05:03 PM
???

Louie
11-05-1999, 10:47 PM
There's an updated tutorial now, click on my sig to go there.

Louie

------------------
Smile, it makes people wonder what you are thinking.

Fun with HTML (tutoral) : The True Sequal (http://www.straightdope.com/ubb/Archives/Archive-000001/HTML/19991103-2-000302.html)

TubaDiva
11-05-1999, 11:39 PM
Guys, I'm gonna close this thread.

Thanks again, Louie and everyone else that contributed to this great resource.

your humble TubaDiva/SDStaffDiv
for the Straight Dope